alinear CSS problema
3 seguidores
hola gente, tengo un problemilla CSS...
quiero mostrar en una capa tres elementos, uno alineado a la izquierda, otro alineado al centro y el tercero alineado a la derecha, y que los tres elementos se encuentren en la misma linea o alineacion vertical, veo que 'float:center' no existe que seria una solucion :P
alguien sabe como se podria hacer?
un saludo a todos.
malizia
si les pones float:left creo que lo resuelves (si es que te he entendido bien)
Alter Ebro
hola malizia, ya he probado de ese modo pero se pone justo seguido del primer elemento alineado a la izquierda...
tengo el de la izq con float: left, el de la derecha con float:right y quiero uno en medio de los dos en la misma alineacion vertical, sin salto de linea.
nuse...
txuma
Prueba algo así:
<code>
HOJA DE ESTILOS
#izquierda {
width: 100px;
float: left;
}
#centro {
width: 300px;
float:left;
}
#derecha {
width: 100px;
float: left;
}
</code>
Y así en el documento:
<code>
<div id="contenedor">
<div id="izquierda">Colocar aquí el contenido para id "izquierda"</div>
<div id="centro">Colocar aquí el contenido para id "centro"</div>
<div id="derecha">Colocar aquí el contenido para id "derecha"</div>
</div>
</code>
Salu2
Alter Ebro
ok, si que me sirve, muchas gracias txuma.
me habia explicado mal por que el elemento de la izquierda queria que su interior estuviera alineado a la izquierda, el del centro en el centro y el de la derecha alineado a la derecha. pero ok, unos text-align y yasta.
chau