文本過多打破我的彩車

Question

我創建的搜索結果列表，使用無序列表，每個<li>是由3個部分（浮點）：

http://jsfiddle.net/danmofo/fYMrL/4/

我的問題是，每次<p>內部的文本超過了列的寬度，浮動層級向下翻頁，破壞了佈局。

這是漫長的一天所以可能一個小錯誤某處，但我看不到它。

事情我已經試過當文本級聯做：

• 使所有元素內嵌
• 確定具體寬度

任何幫助表示讚賞，特別是鏈接到文章/一些信息關於它，謝謝。

Answer 1

給你浮動元素的寬度，或浮動將無法預測工作。

喜歡的東西

div.left-side{ 
    float: left; 
    width:40%; 
} 

div.right-side{ 
    float:right; 
    width:20%; 
} 

Answer 2

我認爲這個問題是p下的股利。這是一個塊要素，想要佔據整條線。將該樣式設置爲「顯示：內聯」爲此div。