Атрибут valign

Описание

Выравнивание содержимого ячеек по вертикали.

Синтаксис

<tfoot valign='...'>...</tfoot>
Значение Описание
top Выравнивание кортента ячеек по верхнему краю строки.
middle Выравнивание кортента ячеек по середине.
bottom Выравнивание кортента ячеек по нижнему краю.
baseline Выравнивание кортента ячеек по базовой линии.

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<table border='1'>
 <tr>
 <td>Смартфон</td> 
<td>Ноутбук</td>
 <td>Телевизор</td> </tr> 
<tfoot valign='bottom'>
 <tr> 
<td>15.000 ₽</td>
 <td>100.000 ₽</td>
 <td>45.000 ₽</td> 
</tr> <tr>
 <td>205.000 ₽</td> 
<td>10.000 ₽</td>
 <td>405.000 ₽</td> 
</tr> 
<tr>
 <td>45.000 ₽</td>
 <td>10.000 ₽</td>
 <td>405.000 ₽</td>
 </tr> 
</tfoot> 
</table>
</body>
</html>
Смартфон Ноутбук Телевизор
15.000 ₽ 100.000 ₽ 45.000 ₽
205.000 ₽ 10.000 ₽ 405.000 ₽
45.000 ₽ 10.000 ₽ 405.000 ₽