Hacer un enlace tener un ancho del 100%

Question

Tengo una caja que tiene un ancho de X px. Y en él tengo una lista (<ul>) con elementos de enlace (<li><a ..></a><li>)

¿Cómo puedo con CSS hacer que el enlace se puede hacer clic fuera del texto y en el 100% del ancho del cuadro. Haciendo clic en cada línea en la casilla: D

Answer 1

Agregue display: block a su etiqueta a.

Answer 2

Estoy de acuerdo con Scott, pero yo recomendaría este código en su lugar:

a { 
    display: inline-block; 
    width: 100%; 
} 

o este código:

<ul> 
    <li><a href="topage" style="display: inline-block">text</a></li> 
</ul> 

recomiendo display: inline-block porque display: block hace que el elemento de <a> aparece en su línea. (Ambos estarán bien en este caso, pero no en todos los casos)

Editar: Parece que width:100% no se ha hecho referencia. ¡Gracias a @LGSon por comentar!