css如何让两个div并列在同一行

https://blog.csdn.net/weixin_43650440/article/details/83897342

貌似不行？？

然后参考：

https://blog.csdn.net/xuerwang/article/details/81981741

需求：两个div块级元素在同一行水平显示。

说明：两种方法来实现

           1、两个div全部设置成display:inline-block;

            2、前一个div设置成为：float:left   后一个div设置为float：right

注意 ：是两个div同时设置，我就设置了后边的那一个，结果调到心烦
————————————————
版权声明：本文为CSDN博主「web coder」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/xuerwang/article/details/81981741

但是两个都拼在一起了。不能够左右分开靠边。

所以我现在用以下办法：

<div>
    <div class="header">
      <div class="left">hello</div>
      <div class="right">
        <img class="img" mode="aspectFit" src="/static/icon/me.png">
      </div>
    </div>

.header{
  width:100%;
  line-height: 20px;
  .left{
    display: inline-block;
    font-size: 16px;
  }
  .right{
    float:right;
    right:20px;
    width: 20px;
    height:20px;
    .img{
      width:100%;
      height:100%;
    }
  }
}

用flex会不会好一点？也可以吧？

不过我不太会。忘记了。