Html 当上面有多行文本时，如何对齐多个div

我希望包含3个社交图标的div在底部与右侧平铺中的相同div对齐。但右边的社交图标div被按下，因为上面有两行文字，而左边只有一行。我怎样才能解决这个问题

这里有一个和一个片段重现了我的问题：

.fh5co画廊{ 位置：相对位置； 边缘底部：1米； 浮动：左； 宽度：100%； } .fh5co画廊。画廊项目。叠加h2， .fh5co画廊。画廊项目。覆盖范围{ 位置：相对位置； z指数：12； 页边距底部：0； 文本对齐：居中； 显示：块； -webkit转换：0.5s； -o-转变：0.5s； 过渡：0.5s； } .fh5co画廊。画廊项目{ 宽度：33%； 位置：相对位置； 溢出：隐藏； 显示：块； 浮动：左； z指数：110； } .fh5co画廊。画廊项目img{ 位置：相对位置； 最大宽度：100%； -webkit转换：0.9s； -o-转变：0.9s； 过渡：0.9s； } .fh5co画廊。画廊项目。叠加{ 位置：绝对位置； 右：0； 左：0； 底部：0； 排名：0； z指数：11； 垂直对齐：中间对齐； 垫面：18%； -webkit转换：0.5s； -o-转变：0.5s； 过渡：0.5s； } 社交图标{ 文本对齐：居中； 边缘顶部：30px； } 测试测试 测验 1. 2. 3. 贝丹克 测验 1. 2. 3. 在.fh5co gallery.gallery项目中创建列flexbox。覆盖并使用页边距顶部：自动和使用页边距底部调整社交图标的位置-请参阅下面的演示和：

.fh5co画廊{ 位置：相对位置； 边缘底部：1米； 浮动：左； 宽度：100%； } .fh5co画廊。画廊项目。叠加h2， .fh5co画廊。画廊项目。覆盖范围{ 位置：相对位置； z指数：12； 页边距底部：0； 文本对齐：居中； 显示：块； -webkit转换：0.5s； -o-转变：0.5s； 过渡：0.5s； } .fh5co画廊。画廊项目{ 宽度：33%； 位置：相对位置； 溢出：隐藏； 显示：块； 浮动：左； z指数：110； } .fh5co画廊。画廊项目img{ 位置：相对位置； 最大宽度：100%； -webkit转换：0.9s； -o-转变：0.9s； 过渡：0.9s； } .fh5co画廊。画廊项目。叠加{ 位置：绝对位置； 右：0； 左：0； 底部：0； 排名：0； z指数：11； 显示：flex；/*已添加*/ 弹性方向：列；/*已添加*/ 垂直对齐：中间对齐； 垫面：18%； -webkit转换：0.5s； -o-转变：0.5s； 过渡：0.5s； } 社交图标{ 文本对齐：居中； /*边缘顶部：30px*/ 页边距顶部：自动；/*已添加*/ 页边距底部：30px；/*调整此值*/ } 测试测试 测验 1. 2. 3. 贝丹克 测验 1. 2. 3.

---

请创建一个复制您的问题的提琴或片段样本…请创建一个演示您当前问题的表格或布局。按照链接，提供相当好的教程。@kukkuz希望这有帮助。thanks@kukkuz谢谢感激