如何将文本与图像对齐

问题描述:

我似乎无法正确对齐我的文本。我想把它对准一个特定的图像(靠近底部)。如何将文本与图像对齐

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

.H01 { 
 
    position: absolute; 
 
    text-align: center; 
 
    width: 100%; 
 
    left: 0; 
 
    bottom: 0; 
 
}
<h2 class="H01">HELLLO EVERY1</h2>

不知道什么错误。下面是它对准的截图:

screenshot

+0

它在[fiddle](https://jsfiddle.net/xo1sje8m/)中工作.. –

+2

如果我们要看到代码问题 – itodd

+0

请将您的代码添加到这个问题本身。 jsFiddle代码的要求是有原因的。 –

如果要定位图像,使用此一定距离的元素移动它,它

margin-top: 200px; 

使用上面垂直对齐在图像上只是根据图像告诉附近的文字在哪里对齐。