あまりにも多くのテキストが

Question

私は順不同リストを使用して、検索結果のリストを作成していますが、各<li>は3つのセクションで構成され、私のフロート（山車）を破る：

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

は私の問題は、毎回です<p>内のテキストが列の幅を超えた場合、浮動小数点数はページを縦列にしてレイアウトを破棄します。

これはおそらくの小さなエラーのどこかにありますが、私はそれを見ることができません。

物事私はテキストカスケード時にやってみました：

• は、すべてのヘルプは、特に記事へのリンク、高く評価され、特定の幅

の定義インライン

をすべての要素を作成/いくつかの情報それについて、ありがとう。

Answer 1

float要素の幅を指定します。浮動小数点数は予測できません。

何か

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

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

Answer 2

ように私はこの問題がpの下でdivのだと思います。これは、行全体を占めたいブロック要素です。このdivのスタイルを "display：inline"に設定します。