Html 垂直对齐三段

我试图使用“对齐内容”和“对齐项目”垂直对齐三个段落——一个在顶部，一个在中间，另一个在底部。请注意，div标记中有三个段落。如何做到这一点？我正在尽可能地缩短这一点。

您可以使div flex：

.box{
背景：黄色；
高度：500px；
宽度：500px；
显示器：flex；
弯曲方向：立柱；
证明内容：之间的空间；
}
Lorem Ipsum

Lorem Ipsum
Lorem Ipsum

很难准确理解您想要什么。你能创造一个形象或一些东西来说明你的目标吗？

.box {
  background: yellow;
  height: 500px;
  width: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


<div class="box">
  <p class="top">Lorem Ipsum ...</p>

   <p class="middle">Lorem Ipsum ...</p>

   <p class="bottom">Lorem Ipsum ...</p>
</div>