Estoy intentando crear una lista con 5 columnas. Resulta que el contenido de alguna de las opciones no cabe en una línea.
Al crearse la nueva línea, las siguientes columnas también saltan de posición y no sé como controlarlo.
En la siguiente imagen se ve:
La segunda fila de la columna Fiscal debería de aparecer en la segunda fila, pero de contabilidad, tal como se muestra aquí:
El código CSS es este:
Código CSS:
Ver original
section article div#arees{ width:100%; padding-left:2%; padding-right:2%; } section article div#arees ul#columnes{ padding:0px; float:left; margin:0px; width:100%; list-style-type:square; } section article div#arees ul#columnes li{ padding:0; display:inline-block; float:left; width:20%; font:bold .9em 'Helvetica'; padding-top:1%; } section article div#arees ul#columnes li a {padding:0; display:inline; float:left; width:100%; font:bold .8em 'Helvetica'; text-decoration:none; margin-right:1%; } section article div#arees ul#columnes li a:hover{ text-decoration:underline; }
Y el código HTML este:
Código HTML:
Ver original
Muchas gracias