Generar Columnas con CSS de una lista sin tablas
Gracias a este truco de CSS podrás generar columnas con CSS utilizando una lista y sin tablas. En una hoja CSS colocaremos los siguientes estilos: UL.col3 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 15px 0px; WIDTH: 100%; PADDING-TOP: 0px; LIST-STYLE-TYPE: none } UL.col3 LI { PADDING-RIGHT: 2px; DISPLAY: inline; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 30%; PADDING-TOP: 2px } Le hemos puesto el nombre de ColNumeroColumnas. Para crear columnas en CSS se define en el estilo UL.col3 LI donde el width es el tamaño de cada columna. Así automáticamente se irán creando las columnas y no tendremos que utilizar tablas. En el html, cuando declaremos la lista: <;ul class="col3">; <;li>;<;/li>; <;/ul>;