HTML左，右對齊元素

Question

要做到這一點，我已經做到了這一點：

<table style="width:100%;"> 
<tr> 
    <td style="width:50%;text-align: left;">left</td> 
    <td style="width:50%;text-align: right;">right</td> 
    </tr> 
</table> 

我怎麼能以最簡單的方式（至少標記）做到這一點，而不使用表？我只想將2個元素對齊到左右最大值。

這裏有數百個2列布局，但它們更符合頁面佈局，似乎矯枉過正。

Answer 1

一些HTML代碼：

<div class="left">left</div> 
<div class="right">right</div> 

一些CSS：

.left, .right { 
    width: 50%; /* Floated elements technically need a width specified. */ 
} 

.left { 
    float: left; 
} 

.right { 
    float: right; 
} 

Answer 2

事情是這樣的：

CSS

<style type="text/css"> 
#primary { 
    width: 100%; 
} 

.secondary { 
    width: 50%; 
} 

.leftcolumn { 
    float: left; 
    text-align: left; 
} 

.rightcolumn { 
    float: right; 
    text-align: right; 
} 
</style> 

HTML

<div id="primary"> 
    <div class="secondary leftcolumn"> 
     <p>This will be on the left</p> 
    </div> 
    <div class="secondary rightcolumn"> 
     <p>This will be on the right</p> 
    </div> 
</div> 

雖然我會改變leftcolumn和rightcolumn具體到每一個將包含（贊成semantic的命名方法來CSS，而非結構性的）內容的東西。