Html表间距对齐

Question

我是html的新手，我想知道如何制作一张桌子来展示这样的东西。

“name”_ _ _ _“date”

_被认为是“空格”

我总是希望左边的“名字”和右边的“日期”对齐， 与它们的长度无关。

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