CSS 在图像上显示图像和文本

Question

我在页面顶部有一个 100% 的标题图像宽度和 120 像素的高度。

我想在该标题图像的中心显示标题文本。

我想在标题图像的右侧显示另一个小图像，其高度为标题图像高度的 80%，顶部和底部留出 10%。

我也想在小图像的右侧留下 5px。这样小图像就会看起来像标题图像上的样子。

什么是 CSS 来获得这个？

提前致谢

Answer 1

我会通过 CSS 将图像设置为背景，然后通过两个单独的 HTML 绝对定位 Divs 标签将其他元素、您想要的文本放在中间，将另一个小图像放在右边。确保 CSS ID 标签设置为相对...

<div  style="width: 200px; height: 23px; position: absolute; right: 12px; top: 399px;" align="center">YOUR IMAGE OR TEXT HERE</div>

当然，根据您的需要设置参数。