使用css垂直对齐相邻的两个不同类

如何将具有不同类的两个div对齐到另一个div之上

如果我有以下代码：

<div class="div1">
</div>
<div class="div2">
</div>
<div class="div3">
</div>

如何将div1和div3相邻对齐？在第一组上面？只有html和css才有可能吗？

---

提前感谢

使用flexbox容器包装，并更改元素的顺序：

.container{
显示器：flex；
柔性包装：包装；
}
.container>div{
线高：40px；
文本对齐：居中；
}
.1分部{
顺序：1；
宽度：50%；
背景：红色；
}
.第2分部{
顺序：3；
宽度：100%；
背景：蓝色；
}
.第3分部{
顺序：2；
宽度：50%；
背景：黄色；
}

1.
2.
3.

难道你不能将所有div放在一个100%宽度的容器中，然后进行文本对齐：居中吗

对你来说很简单

---

不清楚你到底想在这里实现什么。发布一张你想要实现的图片。你能重新排列你的html吗？那么这很容易。否则，您必须使用@ori drori提到的flexbox。

.container {
  width:100%;
  text-align:center;
}