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; 
}