css - 背景画像のサイズになるようにアンカータグを伸ばす

Question

数字の背後にある背景画像としてアイコンを表示しようとしています。

<a id="youhavemail" href="messages.php">0</a>

#youhavemail {
  background-image: url("images/mail.png");
  background-repeat: no-repeat;
  background-size: 20px auto;
}

ただし、アンカー タグには 1 文字しかないため (この場合は「0」)、画像のごく一部しか表示されません。

含まれているアンカーを引き伸ばして背景画像全体を表示する方法はありますか?

Answer 1

#youhavemail {
  background-image: url("http://linenwoods.com/images/offline.png");
  background-repeat: no-repeat;
  background-size: 20px auto;
    display: inline-block;
    width:20px;
    height: 20px;
}