位于浮动元素旁边时列出项目剪辑

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？