Html 标签文本定位问题

所以

这就是我努力实现的目标：

这就是我所拥有的：。对于下面的代码段，请使用“完整页面”视图

标签{
颜色：#6d6e70；
底部：0；
}
.img行img{
宽度：100%；
}
.img行{
文本对齐：居中；
}

写你的文章
上传你的文章
选择你的薪水
导师检查
收到电子邮件

使用

img

和

label

上的绝对定位将它们与基线对齐（类似于此）

新CSS 这：

• 为

  .col-md-2

  容器提供一个设置的高度
• 将

  标签

  元素移动到其父元素的最底部

  。col-md-2

• 将您的

  img

  元素在其父元素

  的底部上方移动30px

---

img

宽度设置为80%，以在图像之间留出一定的空间。

它们是内联的，位于底部。你能澄清一下这个问题吗？如果你在图片上看到，它们都是水平排列的。我需要所有的文本都在一条线上。看：文本的底部应该接触基线完美！谢谢！

.col-md-2 {
  height: 250px;
}
.col-md-2 img {
  position: absolute;
  bottom: 30px;
  width: 80%;
}
.col-md-2 label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}