Cita:
Iniciado por jomaruro Que yo sepa text-align sirve justamente para eso alinear texto.
Sí, tal y como dice la traducción literal es para alinear texto aunque también alinea los elementos en línea contenidos dentro de un elemento de bloque y se puede utilizar para "resolver" bugs de algunos navegadores antiguos (algunas versiones antiguas de IE, espero que en desuso).
Para centrar un
div es mejor con
margin:0 auto; especificando
width.
Sin especificar
width y haciendo que el
div deje de comportarse como un elemento de bloque mediante
float u otro método para que se adapte al ancho de su contenido, hay varias alternativas (algunas de ellas no muy agradables a la vista cuando se quiere seguir los estándares), entre ellas usar
text-align:center, display:table, display:inline-block, posicionamiento relativo de floats, javascript...
Un ejemplo sería usar:
Código CSS:
Ver originaldiv#centrada{margin:0 auto; display: table;}
Otro ejemplo aunque centra el contenido de #centrada y no la propia capa:
Código CSS:
Ver original#container{float:left; overflow:hidden; width:100%;}
#centrada{float:left; left:50%; margin:0 auto; position:relative;}
#centrada img{float:left; position:relative; right:50%;}
En la imagen de ejemplo del primer post creo que quiere que las imágenes se vean una al lado de otra.