html - float の追加: 左の改行リスト

Question

HTMLページにリストされている「計画」と呼ばれる視覚要素があります。それぞれの「計画」には、並べて表示したい小さな表と画像があります。スタイリングなしでは、次のようになります: http://jsfiddle.net/DCTwd/1/

in table と image を使用して同じ行に表示できると思っfloat: leftたのですが、うまくいきません。float: left内で使用することはできませんliか? 他にどうすればこれを達成できますか？

Answer 1

あなたの親友はfloat:left;いつですか？display:inline-block;

更新された jsFiddle。これは非常に単純な例であるため、実際の CSS には要素ベースの CSS ではなくクラスベースの CSS を含める必要がありますが、要点はわかります。

zoom:1; *display:inline;IE7 および美学のフォールバックに注意してくださいvertical-align:middle;。topまたはを使用することもできbottomます。