html - 将标题元素与图像对齐

Question

我有一个小菜单面板，需要包含在我的页面中，如下图所示：

到目前为止，我在jsFiddle中有代码，我知道有些图像不正确，但问题是我无法让标题整齐地对齐到图像的右侧，如图所示。

Any clues?

Answer 1

更改了 2 个属性：

ul.block-with-icons span {
    display: block;
    font-size: 11px;
    line-height: 1.2em;
    position: relative;
    top: 12px;
}

h5 {
    font-size: 16px;
    position: absolute;
    left: 98px;
    top: 30px;
}

http://jsfiddle.net/wRkdL/25/

Answer 2

如果您使用 HTML5 进行开发，我认为最好的选择是像这样<h5>在<a>标签内移动：

<li class="b1">
<a href="#">
<h5>Our background</h5>
<span>A little background info on who we are...</span>
</a>
</li>

在 HTML4 中，不允许在锚点内插入块元素。