【Css】图标字体font-icon与文字上下不对齐（错位）的解决方法（图文+示例）

问题：箭头字体图标偏下了

解决后样式：箭头字体图标与文字对齐

代码：

html：放入span中

<div class="more">
        <span>更多</span>
        <span class="fonticon"><i class="fa fa-angle-right fa-lg"></i></span>
      </div>

css：对span操作一下就行

.fonticon{
  position: relative; 
  top:-0.03rem; 
  margin-left: 3px;
}