我如何使用 HTML 和 CSS 创建这样的链接:它没有像我希望的那样响应。我试图完成的是创建一个导航链接,该链接在左侧保存一个图像,在图像旁边而不是图像下方有 2 行文本。
html:
<div id="nav">
<a href="#"><img src="http://www.werkenbijavl.nl/images/WerkenBijAVL/icon-email.png" heigh="24px" width="24px" alt=""> Line 1<br><span>Line 2</span></a>
</div>
CSS:
nav a {
background: grey;
padding: 10px;
text-align: center;
text-decoration: none;
line-height: 24px;
vertical-align: middle;
}
nav img {
padding-right: 10px;
}
nav span {
font-style: italic;
}