Por exigencias del trabajo estoy maquetando una nueva web que espero presentar en breve. Como ahora tengo un máster 
quiero hacer la maquetación utilizando div en lugar de utilizar tablas, además de utilizar XHTML estricto.
El problema lo tengo para utilizar múltiples div que se encuentren todos en la misma fila y centrados con respecto a la página. Tras muchas pruebas y búsquedas creo haber encontrado la solución, que paso a describírosla por si alguien se encontrase con el mismo problema y tuviese la suerte de caer en este muy humilde blog, poder tener una ayuda. Así para conseguir:
únicamente con el uso de div utilizaremos el siguiente código:
<div style="display: table; margin-left: auto; margin-right: auto; width: 300px; text-align:center"> <div style="width: 90px; height: 20px; float: left">1</div> <div style="width: 90px; height: 20px; float: left">2</div> <div style="width: 90px; height: 20px; float: left">3</div> </div>
El panel padre contiene en modo tabla a los tres paneles hijos que se encuentran en una misma fila y centrados con respecto a la página. Por cierto, yo encontré ayuda en el blog DotPress.
Etiquetas: centrado, div, múltiples div
