html - 把三个标题排成一行。一个在左边，第二个在中间，第三个在右边？

Question

我有三个标题，像这样...

<div>
  <h4>first</h4>
  <h4>second</h4>
  <h4>third</h4>
</div>

如何让他们在同一行，第一个在左边，第二个在中间，第三个在右边？

Answer 1

编辑/全新的答案(我没有注意到左/中/右):

使用 flexbox 和 justify-items: space-between;

div {
  display: flex;
  justify-content: space-between;
  }

<div>
  <h4>first</h4>
  <h4>second</h4>
  <h4>third</h4>
</div>