Buenas,
Tengo entendido que el ancho de una etiqueta viene determinado por el borde derecho, el izquierdo y el ancho de la propia etiqueta.
Partiendo de esto, tengo montado un menú con 5 opciones, el width de cada opción es el 20% y padding izquierdo y derecho lo tengo a 0.
Según este ejemplo, veo lo siguiente:
ul: 1024px de ancho
li: 205px de ancho. Aquí está el problema. El 20% de 1024 es 204.8 por lo que al redondearlo la última opción salta de linia.
Se puede ver el ejemplo en:
http://www.tepui.cat/foro/index.php
El código css para el menú es:
Código CSS:
Ver originalnav ul li{background:gray;display:inline-block;font-size:.9em;width:20%;text-align:center;padding-top:0.5%;padding-bottom:0.5%;padding-right:0; padding-left:0;margin:0;border:0;height:25px;}
Muchas gracias