html - img float：left-右側のマージン要素

Question

この例でわかるように、 http://jsfiddle.net/PCcj8/順序付けされていないリストにマージンを追加したいと思います。ただし、そのimg floatが原因で、そのリストを移動できません。どうすればそれを達成できますか？幅の異なる画像が存在する可能性があることを考慮してください。

Answer 1

次のようなタグタグで<ul>タグをラップします。<span><span>

<span>
<ul>
    <li>test</li>
    <li>test</li>
</ul>
</span>

次に、スパンを次のようにスタイル設定します。

span{
    display: inline-block;
    margin-left: 20px;    
}

Answer 2

そのULの新しいスタイル定義：

ul {マージン：0 0 0 -5px; 表示：インラインブロック; }

広告申込情報に少しインデントを残し、横に置いた画像と一緒に移動します。

これが分岐したフィドルです：ここにリンクの説明を入力してください