【无标题】

想实现以下效果

<div class="search">
      <span class="iconfont icon-sousuoxiao"></span>
</div>
//对应的CSS
 .search {
      color: #fff;
      span{
        font-size: 0.5rem;
        display: block;
      }
    }

按以上代码实现，发现图标文字靠下，给外层div加上border，发现问题是外层盒子被行内元素撑开所导致的

给span添加display:block解决