Faire en sorte qu’un lien ait 100% de largeur

Question

J’ai une boîte qui fait X px de large. Et j’y ai une liste ( ) avec des éléments de lien ( )

Comment puis-je avec CSS rendre le lien cliquable en dehors du texte et dans 100% de la largeur de la boîte. Rendre chaque ligne de la boîte cliquable :D

Answer 1

Ajouter à votre balise.

Answer 2

Je suis d’accord avec Scott, mais je recommanderais plutôt ce code :

ou ce code :

Je recommande car fait apparaître `` l’élément dans sa ligne. (Les deux seront bien dans ce cas, mais pas dans tous les cas)

Edit: Il semble que cela `` n’ait pas été référencé. Merci à @LGSon d’avoir commenté!

Answer 3

Pour que le lien remplisse tout l’espace disponible, vous pouvez utiliser flexbox :

Answer 4

item {display:flex;} item a {flex:none;}