html - 分别调整div中2个span元素的高度

Question

我的代码

<div id="open-toolkit">
     <span class="glyphicon glyphicon-briefcase" style="margin-right: 4px; font-size: 18px;"></span>
     <span class="glyphicon glyphicon-chevron-right" style="font-size: 12px">     </span>
</div>

这是我的 JSFiddle https://jsfiddle.net/danielyaa5/m2q9aLoa/2/
我想向上移动右 V 形图标，但我似乎不能这样做，添加边距顶部似乎将整行向下移动，与添加填充相同。

Answer 1

试试这个:

span{
    display:inline-block;
    vertical-align:middle;
}

https://jsfiddle.net/m2q9aLoa/8/