容器中的HTML元素对齐是通过向某些元素而不是其他元素添加文本来实现的

当两个HTML元素放在同一个容器中时，一个包含文本，另一个不包含文本，文本的对齐方式会出错。带有文本的元素将下拉，以便文本的底部与没有文本的元素的底部对齐，如本例所示：

文本

---

像我在这里做的那样，使用垂直对齐：顶部进行修复：

文本

---

您可以将容器设置为flex容器以实现以下目的：

文本