[分享]css两个div一行居中对齐

<div class="container">
  <div class="left">左侧内容</div>
  <div class="right">右侧内容</div>
</div>

<style>
  .container {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .left, .right {
    display: inline-block;
    width: 100px;
    height: 100px;
    background-color: #ccc;
    text-align: center;
    line-height: 100px;
  }
</style> 

以上是一个基本的HTML文件结构，我们在