将标题元素与图像对齐

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中，不允许在锚点中插入块元素。