Définition d'une largeur et d'une hauteur sur une balise A

Est-il possible de définir la largeur et la hauteur en pixels sur une balise d'ancrage? Je voudrais que la balise d'ancrage ait une image d'arrière-plan tout en conservant le texte à l'intérieur de l'ancre.

li {
  width: 32px;
  height: 32px;
  background-color: orange;
}

li a {
  width: 32px;
  height: 32px;
  background-color: red;
}

<li><a href="#">Something</a></li>

Vous devez faire votre ancre display: blockou display: inline-block;puis il acceptera les valeurs de largeur et de hauteur.

Vous pouvez également utiliser display: inline-block. L'avantage de ceci est qu'il définira la hauteur et la largeur comme un élément de bloc, mais le définira également en ligne afin que vous puissiez avoir une autre balise juste à côté, en laissant l'espace parent.

Vous pouvez en savoir plus sur les propriétés d'affichage ici

Toutes ces suggestions fonctionnent à moins que vous ne mettiez les ancres dans une liste UL.

<ul>
    <li>
        <a>click me</a>>
    </li>
</ul>

Ensuite, toutes les règles de feuille de style en cascade sont remplacées dans le navigateur Chrome. La largeur devient automatique. Ensuite, vous devez utiliser les règles CSS en ligne directement sur l'ancre elle-même.

Ce n'est pas une copie exacte (pour autant que je puisse trouver), mais c'est un problème courant .

display:blockest ce dont vous avez besoin. mais vous devriez lire les spécifications pour comprendre pourquoi.

Ci-dessous travailler pour moi

display: block;
width: 100%;