带有图标图像的标题

Question

我正在进行一项设计，我想在h2标签的左侧放置一个Icon。 http://www.toastcafebar.com/stats.html我知道我可以将图标添加为图像并在其周围浮动标题文本，但不同的浏览器会以不同的方式呈现定位，导致图标稍微偏离线条。我还打算有一些带有图标的结构化标题，以便保持CSS简短和精益我想知道是否有任何替代方法。

对于网络标准，我知道最好在CSS中添加图像而不是在html中添加图像，但出于学习目的，我很想知道你是否可以在html标记中内嵌图像.....

符合标准但最精简的方法是什么？

Answer 1

这是我用于此目的的CSS：

h2
{
    background: url('image.png') no-repeat;
    padding-left: 45px; /* width of image */
}