有i标签<i></i>不能对齐

 

<div>
  <i style="width:12px ;height:24px;display:inline-block;background: red;"></i>
  <span class="text-sm" style="display:inline-block;margin-left:16px;height:24px;line-height: 24px;"> 基础配置</span>
</div>

只需要在span的CSS中加一句： 

vertical-align:top;