CSS代码可在文本上方保留空白仅不影响背景？

Question

我有一个同时包含背景图像和文本的类，我试图找到一种方法来操纵“纯文本”上方的空间，使用“ margin”标记将更改整个内容（图像+文本）的位置，我只需要控制文本。

text-indent使我可以控制水平间距，只有在存在这种东西的情况下，我需要一些东西来更好地控制文本上方和下方的空间。

这是CSS类：

.contactb { float:left; margin:0 5px 0 0; padding:0 0; background:url(images/contact_b.png) top no-repeat; display:block; width:108px; height:57px; font-family: 'hand-webfont'; color:black; font-size:17px; }

这是HTML代码：

<li><a href="contact.html" class="contactb">Contact</a></li>

任何帮助将不胜感激的家伙。

Answer 1

您正在寻找的只是“填充”。

.myClass {
 padding-top:10px
 padding-bottom:10px;
}