Html表格間距對齊

Question

我是全新的HTML，我想知道如何我可以做一個表來顯示這樣的東西。

「名」 _ _ _ _「日期」

_被假設是「空格」

我總是希望靠左對齊「名」和右側的「日期」， 與他們的長度無關。

我完全不熟悉html，我需要這部分代碼的一小部分。

Answer 1

在您的樣式表中，將text-align: left應用於第一列的單元格，text-align: right應用於第二列的單元格。

Answer 2

如果他們在不同的列中，第一個td做<td align='left'>和第二個<td align='right'>。

Answer 3

這看起來像一個典型的兩列布局。無序列表是這種模式的一個很好的工具：

<div class="twoCol"> 
    <ul> 
    <li><label>Name</label>Date</li> 
    ... more rows ... 
    </ul> 
</div> 

CSS：

.twoCol ul, twoCol li { 
    margin:0; 
    padding:0; 
    list-style:none; 
} 

.twoCol ul { 
    width:200px; 
} 

.twoCol label { 
    float:left; 
    display:block; 
    width:120px; 
    text-align:left; 

} 

.twoCol li { 
    clear:both; 
    text-align:right; 
}