Вертикальное выравнивание текста в ячейке таблицы

Вот часть моей таблицы (это форма):

Это всего два <td> в <tr>. Я пытаюсь получить Описание вверху, вверху ячейки таблицы, а не отдыхать внизу.

Как я могу это сделать?

Ответ 1

td.description {vertical-align: top;}

где description - это имя класса td с этим текстом в нем

<td class="description">Description</td>

ИЛИ inline (yuk!)

<td style="vertical-align: top;">Description</td>

Ответ 2

Try td.description {line-height: 15px}

Установите значение высоты строки в нужное значение.

Ответ 3

valign="top" должен выполнить работу.

Ответ 4

У меня была такая же проблема, но она была решена с помощью !important. Я забыл о наследовании в CSS. Просто совет, чтобы проверить сначала.

Ответ 5

Если вы используете Bootstrap, добавьте следующие настройки стиля для вашей таблицы:

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {
      vertical-align: middle;
 }

Ответ 6

Просто добавьте vertical-align: top для первого td, который необходим не для всех td.

tr > td:first-child {
   vertical-align: top;
}