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では、アンカー内にブロック要素を挿入することは許可されていません。