Выравнивание интервалов таблицы HTML

Question

Я новичок в html, и мне было интересно, как я могу создать таблицу для отображения чего-то подобного.

"имя" _ _ _ _ "дата"

_ предполагается как "пробелы"

Я всегда хочу, чтобы «имя» выровнялось слева, а «дата» - справа, независимо от их длины.

Я совершенно незнаком с html и мне нужна эта часть для очень маленькой части моего кода.

Answer 1

, если они находятся в разных столбцах, первый td делает <td align='left'>, а второй <td align='right'>.

Answer 2

Это похоже на типичный макет с двумя столбцами.Ненумерованные списки - хороший инструмент для этого шаблона:

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

Answer 3

В вашей таблице стилей примените text-align: left к ячейкам в первом столбце и text-align: right к ячейкам во втором столбце.