colocar 3 div uno al lado del otro y una imagen en el centro del div

[carolina3]

hola muy buenas tengo un enorme problema y no consigo solucionarlo

he creado un div contenedor donde necesito colocar un div cabecera y que este contenga 3 div uno a la izquierda al 25% del div cabecera y otro en el centro al 50% y el 3 a la derecha al 25% los tantos por cientos son el ancho para que me acupe el tamaño de la cabecera al completo pero me estoy liando con las posiciones y que sean relativo o obsoluto al contenedor le doy absoluto y a la cabecera relative pero nada que me estoy haciendo un lio enorme y no lo consigo alguien puede echarme una mano en el css para ordenar esto

muchas gracias

aquí el codigo faltaría el 3 div que va a la derecha pero es que el div #cabtxt que deberia quedar en el centro se me pone en la linea siguiente es decir por debajo del div cabecera y deberia quedar dentro

Código CSS:

body {
    background-repeat: no-repeat;
    background-color:#FFF;
     display:inline;
}
 
#contenedor {
    width: 1280px;
    height: 1200px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    position: relative;
    background-color: #FFF;
}
#cabecera{
    height: 200px;
    background-color: #CCC;
 
}
 #cablogo {
    height: 100%;
    width: 25%;
    left: 0px;
    top: 0px;
    position:relative;
    
}
#cabtxt {
    height: 100%;
    width: 50%;
    left: 350px;
    top: 0px;
    position:relative;
}
 

[kseso?]

1º: hacer posible que elementos de bloque compartan la misma línea.
2º: que la suma de los tamaños (recordar el modelo de caja estándar) no exceda de disponible en esa línea.

Eso es todo lo necesario para colocar tres div (elemento de bloque) se posicionen adyacentes.

Hay miles de ejemplos al respecto. layouts css

[rex16]

el left:350px en #cabtext es el problema... 25%=300 del primero, estas dejando 50px en blanco y esos son los que desplazan al 3 div.

[Oscar_Hidro]

Olvidate de la posicion relativa, asi como del left. En vez de eso, aplica en cada uno de tus 3 divs la propiedad "display:inline-block;" y el porcentaje correspondiente para que juntos sumen el 100%

[kseso?]

¿porqué razón recomienda el olvidarse de position: relative?