quitar margin en una lista con inline-block

[azaz]

Tento una lista (li) con enlaces donde esta lista la quiero en horizontal con inline-block pero me quedan los li separados y los quiero juntos que me esta faltando muestro el ejemplo.

Código CSS:

<style>
ul li{
    display:inline-block;
    background:red;
    width:25%;
}
</style>
 

Código HTML:

<div>
<ul>
<li><a href="#">enlace uno</a></li>
<li><a href="#">enlace dos</a></li>
<li><a href="#">enlace tres</a></li>
<li><a href="#">enlace cuatra</a></li>
</ul>
</div>
 

[Zeromm]

eso es una especie de "bug" del inline-block. Una de las soluciones es que todo el contenido del menú en el html, lo pongas sin ninguna separación, como si estuviera comprimido.

Aquí tienes esdta, y más soluciones para lo mismo

http://ksesocss.blogspot.com/2012/03...empeno-en.html

[azaz]

muchas gracias por la respuesta, saludos.