如何在同一行上设置右对齐和左对齐的格式？

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

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

.left-align {
  text-align: left;
}

.right-align {
  text-align: right;
}