Ver Mensaje Individual
  #3 (permalink)  
Antiguo 14/03/2016, 13:34
Avatar de Rafael
Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Duda sobre las etiquetas <ul> <li> y <a>

Probablemente en lugar de display: block, es mejor inline-block.

En mi caso no defino el li, sino el a dentro del li.

Usando lo mismo que puso Gabo, pero completándolo uso:

Código CSS:
Ver original
  1. nav > ul > li > a {
  2.   display: inline-block;
  3.   padding-top: 10px;
  4.   padding-bottom: 10px;
  5.   ...}

y ahí dos opciones, o el ancho fijo o el ancho dependiendo de el largo de la palabra uso width: 200px o padding-left y padding right. (el padding lo uso simplificado en realidad.