CSS左图右文水平居中显示

效果图：

代码：

<div slot="left">
    <img src="../assets/user/user_img.jpg" class="user_img"/>
    <span class="user_name">王浩，您好</span>
</div>

<style>
.user_img{
    padding-left: 0;
    vertical-align: middle;
    /*width: 45px;*/
    height: 45px;
    border-radius: 50%;
  }
  .user_name{
    vertical-align: middle;
    padding-left: 0;
  }
</style>