要素の左右のテキスト

Question

CSSを使用する要素の左右の両方にテキストを配置し、垂直に同じ場所に置くのに最適な方法は何ですか？

は、このように、次のレイアウトで終わる：

コンテナが固定幅を持っているので、私は私がする必要はありません知っているので、私は、ポジショニングを使用する必要はありません。

Answer 1

（1）各テキスト文字列が含まれている要素内の2つのdiv要素を追加

<div> 
    <div class="div1">Left Text</div> 
    <div class="div2">Right Text</div> 
</div> 

（2）（これはテキストが同様にずっと右にプッシュされることを確実にする

.div1 { 
    float: left; 
} 

.div2 { 
    float:right; 
} 

相互に次の二つのdiv（3）右DIV用テキスト整列プロパティを設定フロートあなたの例）。

.div2 { 
    float:right; 
    text-align: right; 
} 

Answer 2

2つのアイテムを同じコンテナに入れ、正しい位置にフロートさせることができます。

<div class="container"> 
    <div class="item1">Item 1</div> 
    <div class="item2">Item 2</div> 
</div> 

とCSS：

だからあなたのようなものを持っているかもしれません

.container{width:500px;} 

.item1, item2{width:200px;} 
.item1{float:left;} 
.item2{float:right;} 

例：http://jsfiddle.net/7Wvhj/1/