HTML表间距对齐

Question

I'm brand new to html and I was wondering how I could I make a table to display something like this.

"name"_ _ _ _"date"

_ are suppose to be "blank spaces"

I always want "name" aligned on the left and "date" on the right, independent of what length they are.

I'm completely unfamiliar with html and I need this part for a very small portion of my code.

Answer 1

在样式表中，将text-align: left应用于第一列中的单元格，将text-align: right应用于第二列中的单元格。

Answer 2

如果它们在不同的列中，则第一个td做<td align='left'> ，第二个td做<td align='right'> 。

Answer 3

This looks like a typical two-column layout. Unordered lists are a good tool for this pattern:

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