我一直试图用我的Fontastic.me图标集中我的文字。
这是我的代码：
HTML：
<html>
<div id="info">
<ul>
<li id="chat"><span class="icon-comment-discussion"></span><p>We offer the best & simplest chat system on the web.</p></li>
</ul>
</div>
</html>
和我的CSS：
#chat {
line-height: 72px;
vertical-align: middle;
}
它根本没有对齐，当我更改vertical-align选项时没有任何变化。我想也许是因为我的文字是段落标签;但我想先问这里。
解决：我添加了vertical-align：middle;到：
#chat span {
}
它完美无缺。
答案 0 :(得分：0)
作为标准的段落将应用边距，您可以尝试删除边距以查看是否有帮助，或将图标放在段落中。
p{ margin:0; }