valign - вертикальне вирівнювання вмісту клітинки-заголовок (комірки-заголовок).
<table>
<tr><th valign="top | middle | bottom | baseline">...</th></tr>
</table>
table - тег <table>.
tr - тег <tr>.
th - тег <th>.
valign атрибут тегу HTML th який вказує вертикальне вирівнювання вмісту клітинки-заголовок (комірки-заголовок) таблиці.
top | вирівнювання по верхньому краю |
middle | вирівнювання по середині. По замовчуванню |
bottom | вирівнювання по нижньому краю. |
baseline | вирівнювання по базовій лінії. |
vertical-align
Назва | Ціна |
---|---|
Макарони | 26 грн. |
Гречка | 40 грн. |
<table border="1">
<tr><th valign="top" height="45">Назва</th><th valign="bottom">Ціна</th></tr>
<tr><td>Макарони</td><td>26 грн.</td></tr>
<tr><td>Гречка</td><td>40 грн.</td></tr>
</table>
Назва | Ціна |
---|---|
Макарони | 26 грн. |
Гречка | 40 грн. |
<style>
#test, #test td, #test th{border:1px solid black;}
</style>
<table id="test">
<tr><th style="vertical-align:top;height:50px">Назва</th><th style="vertical-align:bottom">Ціна</th></tr>
<tr><td>Макарони</td><td>26 грн.</td></tr>
<tr><td>Гречка</td><td>40 грн.</td></tr>
</table>