HTML表間距對齊

Question

我是html的新手，我想知道如何制作一個表格來顯示類似這樣的內容。

“名稱日期”

_應該是“空白”

我總是希望“名稱”在左側對齊，“日期”在右側對齊，而與它們的長度無關。

我對HTML完全不熟悉，我的代碼中只有一小部分需要使用這一部分。

Answer 1

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

Answer 2

如果它們在不同的列中，則第一個td做<td align='left'> ，第二個td做<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;   
}