html - 浮かんだdiv上の李

Question

フロートされたままのdiv.imagesを保持するdiv.contentがあり、その隣にいくつかのアイテムのリストがあります。

問題は、liがdiv.images要素の上に表示されることです。リストをインラインブロックにしようとしましたが、この場合、div.imagesの下に表示されるアイテムはdiv.imagesの右端の隣に配置されます。

http://jsfiddle.net/kmZ3X/

何か案が？

Answer 1

list-style-position: insideli要素を試してください。

例： http： //jsfiddle.net/mqchen/psJyh/

Answer 2

追加

ul{
float: left
}

それはそれをする必要があります

Answer 3

これにより、画像
cssの下に表示されます。

 .content p, .content ul {clear:both}

Answer 4

<div class="content">
 <img alt="Desert" src="images/Desert.jpg"/>
 <p>sth.</p>
</div>

 

div.content img
   {display: block;float: left; margin-right: 10px;border: solid 1px #999;padding: 5px; }

段落の代わりにリストがある場合、それは同じになります。何か問題があれば、もう一度私に聞いてください。ありがとうございました。