Hola amig@s, tengo un problema cada vez que hago una lista.
Cada vez que hago una <ul> y a dentro le meto <li>, el li automáticamente se me va a la derecha.
Cuando trabajo con pixeles no hay problemas, simplemente hago un margin: -x px; y solucionado.
Pero ahora me he puesto a practicar con el responsive web design, y claro, aquí este truco no lo puedo hacer, ya que siempre los pixeles van a variar dependiendo del ancho del navegador.
Sé que podría hacer un margin: -x%; pero, me parece un método bastante cutre.
Hay algún método más correcto para solucionar esto?
Os dejo el enlace de la prueba que estoy haciendo.
Saludos y gracias de antemano!
http://www.sergibeltran.com/Jim/index.html
Código CSS:
Ver originalnav ul {
width: 100%;
list-style-type: none;
background-color: yellow;
margin: 0;
}
nav ul li {
width: 100%;
text-align: center;
background-color: red;
margin: 0;
}