将标题定位在图像上方

时间:2017-10-10 09:33:41

标签: html css

我无法在图像上方(而非上方)定位标题,以便标题中的文字根据图像进行缩放和重新定位。我尝试给img一个相对位置,h1元素是一个绝对位置,还有一些' top' '左' twicks直接位于img上方。但是当我改变屏幕的缩放比例时,文本并不会保持在img上方的中心位置。

有什么建议吗?我非常感谢任何帮助。

THX, 丹

1 个答案:

答案 0 :(得分:-1)

使用标题标记生成标题文本并将图像放在div标签中。

<div>
    <h1>Heading</h1>
    <img src="http://www.example.com/images/myImage.png" />
</div>