用阿里图标底下在打文字为什么会顶出来这个怎么解决？

 <a href=""class="user">
              <div class="iconfont icon-wode"></div>
              <div class="">
                 我的 
              </div>
            </a>

.user {
    
    width: 44px;
    height: 44px;
    text-decoration: none;
    color: #6666;
}
.searcher{
    flex: 1;
}

你图标 和 文字 都用的 div 块元素 当然会顶下去，他们是独占一行的。
给user这是弹性就好了 .user{ display: flex, }