这是我的HTML
<p>
<b>Contact for place A</b><br>
<img class="mail"> your@email.com<br>
<img class="phone"> +000 111 222 333
</p>
<p>
<b>Contact for place B</b><br>
<img class="mail"> anotherr@email.com<br>
<img class="phone"> +000 333 222 111
</p>
还有一个我的CSS
html, body {
font-size: 16px;
}
.mail {
background-image: url("http://cdn1.iconfinder.com/data/icons/gnomeicontheme/16x16/stock/net/stock_mail.png");
width: 16px;
height: 16px;
}
.phone {
background-image: url("http://cdn1.iconfinder.com/data/icons/gnomeicontheme/16x16/stock/generic/stock_landline-phone.png");
width: 16px;
height: 16px;
}
这是 jsfiddle 以便更好地查看它http://jsfiddle.net/vLkX8/1/
现在,问题出在哪里。如您所见,该图像上有一个奇怪的边框,我想摆脱他,另一个问题是邮件图标。邮件图标比文本高一点。我怎样才能把它移到底部?
谢谢你。