小编Cir*_*rnu的帖子

垂直对齐字体真棒图标,文本在<li>中

我有一个使用字体awesome的列表,因此它的类是fa-ul:

<ul class='fa-ul'>
      <li class='dept'><i class='fa-li fa fa-stop'></i><span>Management</span></li>
      <li class='dept'><i class='fa-li fa fa-stop'></i><span>Something else</span></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

相关的CSS是:

li {
    font-size : 2em;
    margin: 1em 0;
}
Run Code Online (Sandbox Code Playgroud)

我希望文本和停止方块垂直对齐.到目前为止,情况并非如此:

看截图:

见截图

我试图将fa-icon和文本包含在属性设置为的<div>元素vertical-align中middle,但没有成功.谢谢你的帮助.

html css vertical-alignment twitter-bootstrap font-awesome

2
推荐指数
1
解决办法
6770
查看次数