Une question de choix entre la balise <a></a> <li>&l

Bonsoir,

J'ai une question de néophyte. Si je désire augmenter la dimension de mes liens, par exemple avec une largeur de 150 px. J'ai vu en pratiquant aujourd'hui qu'il était possible de réaliser cela par deux manières différentes.

Code Html :

<ul class="menu">
<li><a href="">Lien 1</a></li>
<li><a href="">Lien 2</a></li>
</ul>

1er manière :

.menu li{
width: 150px;
height: 20px;
}

Dans la première manière étant donné que l'élément li est déjà en block il est pas utilise de faire de modification.

2éme manière :

.menu a{
display: block;
height: 20px;
width: 150px;
}

Dans la deuxième anière j'ai remarqué qu'il fallait absolument passer la balise en display: block car en inline apparemment la dimension s'adapte au contexte et refuse d'aller plus loin, même en utilisant la la propriété width.

Ma question est alors la suivant quel est le meilleur moyen de faire ? Est ce que les deux moyens sont valables ?

Merci pour votre aide.
Modifié par mln (31 Dec 2012 - 22:53)

Bonsoir,

Les deux façons de faire sont bonnes. La préférence d'une sur l'autre dépends de ce que l'on souhaite faire et des autres contraintes du design.

Merci laurie-anne.