CSS 3個の{左、中央、右}垂直に配向商品はこちら

Question

フローティング作業フィドルです：

http://jsfiddle.net/2bNsC/67/

私はそれは大丈夫だ（垂直配向し、3つの項目（テキストや2画像）を配置する必要があります）が、右の画面が右に固定しなければならない、とテキストはので、任意の意味をなさない中心にするために何かを設定し、

Answer 1

SPANタグがその内容と同じ幅ですグッドCSSを中心に。

代わりにDIV（ブロック要素）を使用してください。ブロック要素はコンテナと同じ幅です。

<div style="text-align: center;"> Lorem </div> 

要素に背景色や境界線を追加すると、レイアウト内のどこに正確に表示されますか？これは、これらのタイプの問題をデバッグするのに非常に役立ちます。あなたはすべてのその空想CSS-ルールとラッパーの要素を必要としない

<div style="text-align: center;border:1px solid #ff0000"> Lorem </div> 

Answer 2

は、簡単なvertical-alignは十分です。 (see here)。

スパンはインライン要素であるため、コンテンツに収まるように折りたたまれ、テキストを中央に配置することはできません。あなたはブロックレベルの要素を使うこともできません。これはあなたのレイアウトを破るでしょう。

display:inline-block;を適用し、widthを追加するか、レイアウト用に浮動小数点数を使用する必要があります。