<td valign>

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

Синтаксис:

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

Параметри:

table - тег <table>.

tr - тег <tr>.

td - тег <td>.

Опис:

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

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

Аналог CSS

vertical-align

Приклад:

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

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

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

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

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