<tr valign>

valign - вертикальне вирівнювання у рядку вмісту клітинки (комірки).

Синтаксис:

<table>
<tr valign="top | middle | bottom | baseline"><td>...</td></tr>
</table>

Параметри:

table - тег <table>.

tr - тег <tr>.

td - тег <td>.

Опис:

valign атрибут тегу HTML tr який вказує вертикальне вирівнювання вмісту у рядку клітинки (комірки) таблиці.

Можливі значення атрибуту **valign**:
top	вирівнювання по верхньому краю
middle	вирівнювання по середині. По замовчуванню
bottom	вирівнювання по нижньому краю.
baseline	вирівнювання по базовій лінії.

Аналог CSS

vertical-align

Приклад:

Назва	Ціна
Макарони	26 грн.
Гречка	40 грн.

<table border="1">
<tr valign="top"><td>Назва</td><td>Ціна</td></tr>
<tr valign="bottom"><td>Макарони</td><td>26 грн.</td></tr>
<tr valign="top"><td>Гречка</td><td>40 грн.</td></tr>
</table>

Приклад використання CSS стилів:

Назва	Ціна
Макарони	26 грн.
Гречка	40 грн.

<style>
#test, #test td {border:1px solid black;}
</style>
<table  id="test">
<tr style="vertical-align:top"><td>Назва</td><td>Ціна</td></tr>
<tr style="vertical-align:bottom"><td>Макарони</td><td>26 грн.</td></tr>
<tr style="vertical-align:top"><td>Гречка</td><td>40 грн.</td></tr>
</table>