Hola estoy creando una web responsive, y tengo un problema con el menu que no encontre solucion en el foro asique abro un nuevo tema.
Tengo un menu con elementos li simples
Código HTML:
<ul>
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
</ul>
y su css
Código:
ul{
width: 100%
}
li{
width:30%;
display: inline-block;
}
Como veran en simple, a medida que se achica las celdas se achican, el problema es que como tengo margenes, y padings, no puedo poner 33% a el <li> y entonces lo que hace es dejarme del lado derecho ese 10% 8%. Como puedo hacer para que ese sobrante se distribuya entre las celdas? No encontre nada capas es re simple pero no pude dar con la respuesta. Gracias