左对齐和右对齐两个div标签的最佳方法是什么？

<div class="left">左对齐内容</div>
<div class="right">右对齐内容</div>

.left {
  float: left;
}

.right {
  float: right;
}

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

.container {
  display: flex;
  justify-content: space-between;
}

.left {
  /* 左对齐样式 */
}

.right {
  /* 右对齐样式 */
}