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>;
