html - 背景画像の箇条書きをパディングし、テキストの折り返しの問題を修正

Question

このフィドルを見てみましょう：

フィドルソース

また、最初の 2 つの h3 要素のパディングされた箇条書きが左端まで飛んでいることがわかります。劇的な「div-ing」や変更なしで、h3要素を最後のh3要素のように見せる方法にこだわっています。何か案は？

#hiw_bjaCopy
{
    float: left;
    width: 700px;
    margin: 20px;
}

#hiw_specTable
{
    float:left;
    margin: 0 20px 20px 0;
}

#hiw_specTable table td
{
    width: 100px;
    text-align: center;
}

#hiw_bjaPoints
{
    color: #666;
}

#hiw_bjaPoints h3
{
    background: url(http://toastedontheinside.com/wp-content/uploads/2013/09/link_arrow_bl.png) left no-repeat;
    padding-left: 15px;
    color: #516aa2;
}

Answer 1

display:inline-block;あなたのh3に使用

フィドル: http://jsfiddle.net/parslook/we8FR/2/