如何将文字与图片对齐

Question

我似乎无法正确对齐文字。我想将它对齐到某个图像旁边（靠近底部）。

所以我开始做bottom: 0，但它只是将它对齐在顶部附近。顶部附近还有另一个文字，似乎只能调整到附近。 https://jsfiddle.net/xo1sje8m/

.H01 {
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0;
  bottom: 0;
}

<h2 class="H01">HELLLO EVERY1</h2>

不确定出了什么问题。以下是它对齐的屏幕截图：

Answer 1

如果要定位图像，请使用此图像将其移动到距离其上方元素一定距离

margin-top: 200px;

在图像上使用vertical-align只是根据图像告诉附近的文本对齐位置。