Html 将3个div堆在2个div倒金字塔的顶部

我在尝试堆叠5个等宽div时迷失了方向，3个在2个div的顶部（倒金字塔，相应地使用2行）

我可以在两行上浮动3个div和2个div，它们的宽度都相等，但均匀分布的倒金字塔（响应性地）很快就爆炸了我最小的CSS大脑

任何提示都将不胜感激

---

尝试

显示：内联块而不是浮动并与中心对齐。2个分区应在单独的容器中，3个分区-在另一个容器中，一个在另一个容器下面。使用
文本对齐：居中用于每个容器。
尝试
显示：内联块而不是浮动并与中心对齐。2个分区应在单独的容器中，3个分区-在另一个容器中，一个在另一个容器下面。使用
文本对齐：居中。
不需要行。您可以使用占父级宽度33.33%且与中心对齐的内联块来执行此操作：


*{
保证金：0；
填充：0；
框大小：边框框；
}
.家长{
文本对齐：居中；
边框：1px实心；
填充：1em；
}
.孩子{
文本对齐：左对齐；
边框：1px纯红；
显示：内联块；
填充：1em；
宽度：33.33%；
}

Lorem ipsum dolor sit amet，奉献精英。威尼斯的驱避器。建筑设计师，设计了一种新的设计方案，它是一种特殊的设计方案。除此之外，该设计方案还可用于其他设计方案的设计，但不可用于其他设计方案的设计。不可用于任何设计方案的设计。工作场所。与临时建筑相似的临时建筑所有者。
不需要行。您可以使用占父级宽度33.33%且与中心对齐的内联块来执行此操作：


*{
保证金：0；
填充：0；
框大小：边框框；
}
.家长{
文本对齐：居中；
边框：1px实心；
填充：1em；
}
.孩子{
文本对齐：左对齐；
边框：1px纯红；
显示：内联块；
填充：1em；
宽度：33.33%；
}

Lorem ipsum dolor sit amet，奉献精英。威尼斯的驱避器。建筑设计师，设计了一种新的设计方案，它是一种特殊的设计方案。除此之外，该设计方案还可用于其他设计方案的设计，但不可用于其他设计方案的设计。不可用于任何设计方案的设计。工作场所。与临时建筑相似的临时建筑所有者。
使用引导：



文本1
文本2
文本3
文本4
文本5
使用引导：



文本1
文本2
文本3
文本4
文本5
不准确。@Aziz我觉得不错。是的，现在看起来不错（编辑后），因为你建议引导-为什么不直接将
col-md-offset-3
添加到第四个
div
而不是创建空div？它们似乎不必要-请参阅演示：@Aziz这也是一个选项。它不准确。@Aziz我觉得它很好。是的，现在它看起来很好（编辑后），因为您建议引导-为什么不直接将
col-md-offset-3
添加到第四个
div
而不是创建空div？它们似乎不必要-请参见演示：@Aziz，这也是一个选项。