bootstrap使用

1、图标与文字垂直居中对齐

1、图标与文字垂直居中对齐

参考 http://jsfiddle.net/Lv8px7hd/
html

<li>不居中<span class="icon"></span></li>
<li><span class="aligned">居中</span><span class="icon aligned"></span></li>

css

.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #aaa;
    border: solid 1px #000;
}
.aligned {
    vertical-align: middle;
}