我試圖使用有序列表(ol)創建指令列表。在內部,我希望指令的文本左移,顯示該步的圖像右移。在列表元素內浮動元素的技巧
我已經試過包裝列表項目(LI)裏面的內容,像這樣:
<ol>
<li><p style="float:left">Follow these instructions</p><img style="float:right" src="[***]" alt="" /></li>
</ol>
這只是將li元素外的圖片。我嘗試在li內部的兩個浮動元素之後添加一個清除div,我嘗試向li元素本身添加一個明確的hack。我也嘗試在浮動div內嵌套p和img元素。
這甚至可能嗎?想要使用這種方式,但如果不是,會生成一些其他解決方案。
感謝提醒,喬恩。我將float:left應用於ol和li元素,然後將寬度:100%應用於li元素,以確保它適合我包含的div。乾杯! – tigre 2010-06-23 22:30:16