HTML таблица другой текст столбца, не выровненный по одной строке

#html #css

#HTML #css — код

Вопрос:

Текст в разных файлах внутри HTML-таблицы не выравнивается по одной строке. Один из столбцов этой таблицы содержит несколько строк текста.Например,

 Header1|Header2
---------------
       |This is
Ex     |an Example

Если второй столбец содержит несколько строк текста, то оба текста столбца не начинаются с одной и той же строки, которая требуется.
В настоящее время я не применял никаких стилей к таблице / td

Пожалуйста, предложите любое решение.

Ответ №1:

Поскольку текст таблицы по умолчанию выровнен по середине, вам необходимо установить выравнивание текста, чтобы вы могли достичь желаемого. Используйте vertical-align:top так, чтобы даже если во 2-м столбце было несколько строк, оба текста начинались в верхней части таблицы.

 th,td{
  vertical-align:top;
}

Для визуализации вот jsfiddle.