Html 具有浮动同级元素的垂直中心

我需要垂直居中一个div，与浮动div相邻

.pic{float:左；宽度：50%；边框：1px实心红色；}
.description{边框：1px绿色点；}

这是一张大图
一
pic2
这是一张pic2
这是另一张大照片
这是一个多行文本示例，是的，多行文本
等

您可以使用

图{
显示器：flex；
柔性流：行换行；
对齐项目：居中；
}
.pic{float:左；宽度：50%；边框：1px实心红色；}
.description{边框：1px绿色点；}

这是一张大图
一
pic2
这是一张pic2
这是另一张大照片
二
等

最后，通过多行文本测试，我可以根据自己的需要调整James的答案。这是这样的

图{
显示器：flex；
柔性流：行换行；
对齐项目：居中；
}
图{
浮动：左；
宽度：50%；
边框：1px纯红；
框大小：边框框；
}
.说明{
边框：1px点绿色；
最大宽度：50%；
框大小：边框框；
}

这是一张大图
一
pic2
这是一张pic2
这是另一张大照片
二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二二
等

我不太清楚你的问题。。。您希望“两个”描述div居中于整个“pic2”

.pic

div的旁边吗？你想把“etc”div放在哪里？每个描述都集中在它自己的图片的右侧。如果你只能修改

.description

div的CSS，那么就不可能这样做。如果修改

.container

div会以某种方式破坏你的代码，那么你需要在问题中包含更多的代码和信息，因此，我们可以提供一个满足您需要的答案，并解释这个额外的限制。正如我已经说过的，“不可能”也是一个答案。我知道如果修改了容器的显示，我会破坏其他元素的显示，但我无法提供一个真实的示例，因为真实的示例太复杂了，无法复制，我没有时间。也许要明确一点，您的意思是数字是容器，而不是实际上具有类

容器
的div。我没有说“container”我写了“containers”；@Serge James的HTML看起来与问题中的HTML完全相同……你说的“修改容器”是什么意思？基于你的限制，这是不可能的。没有CSS方法将浮动元素彼此对齐。我建议你重新考虑你的需求。pic是一个浮动元素。