Armado de un menu

[emmx1235]

Hola, mi duda es sobre los menues, los armo con <li> y adentro les pongo su <a href=..>, luego uso display inline-block para armarlos horizontal, y notaran que queda un espacio entre cada cajita <li>, queria saber como hacer para quitar ese espacio que me queda xq quiero aplicarle bordes, cual es la manera correcta y prolija y limpia (segun w3c o quien sea la ley de los sitios web :P) de armar un menu?? muchas gracias y muy bueno el foro!!

[DesgraciadoGabo]

Algunas personas lo hacen de la siguiente forma

Código HTML:

<ul>
    <li><a href="#">menú</a></li><!--
    --><li><a href="#">menú</a></li><!--
    --><li><a href="#">menú</a></li><!--
    --><li><a href="#">menú</a></li>
  </ul>
 

eso funciona... alguna otra solución es ponerle float:left depende de tu estructura.

Espero te sea de utilidad, saludos!

[emmx1235]

Gracias!!! me sirvio. Resulta q noto una diferencia cuando termino el menu entre los tamaños de los <a> entre los navegadoers mozilla y chrome, es la diferencia como de un pequeñisimo padding (horizontales) en cada cajita <a> q coloca el chrome lo q se va acumulando y acumulando en todas las cajitas dejando diferencias notables de posicion y afectando al div q puse al lado de este menu. Como hacen las paginas para acomodar estos detalles?? he probado con letter-spacing pero no me hizo caso chrome siguen igual esas diferencias, no se si me explico

[emmx1235]

estaba usando 'em' en el tamaño de las letras, lo cambie por 'px' y las diferencias entre los navegadores se notan mucho menos