位於浮動元素旁邊時列出項目剪輯

Question

我目前正在探索http://www.ecovivo.be/rubriek/food上使用的模板中的一個錯誤。

問題： 在訪問鏈接時，您會發現右邊有內容的大圖。現在這一切正常。但是，在激活列表樣式類型時，列表圖像/數字剪輯與圖像，而文本得到適當的逃脫。正常邊距和填充不起作用，因爲ol和li元素在圖像後面的寬度範圍內延伸。

如果之前有人遇到過這個問題或類似的問題，請提供一些見解。

我曾嘗試：

• 浮動的LI /醇
• 兩個圖像和列表中的 「顯示」 的不同cominations。
• 溢出和變焦黑客

事實：在Drupal的

• 上運行。
• div.content的內容由WYSIWYG編輯器生成。

所以請不要評論HTML有多糟糕。

爲了調試的目的我已經改變了以下內容：

• 設置浮動圖像的不透明度爲50％，顯示OL和李邊界。
• ol和li元素有一個左邊框來說明大小。

Answer 1

您是不是要將list-style-position:inside;指定爲ol？