Параметр valign

Параметр valign осуществляет выравнивание текста и графики по вертикали несколькими способами.

а) valign = top - выравнивает содержимое ячейки по ее верхней границе;

б) valign = middle - центрирует содержимое ячейки по ее вертикали;

в) valign = bottom - выравнивает содержимое ячейки по ее нижней границе.

Пример.Выравнивание текста в таблице

<HTML>

<HEAD>

<TITLE>Таблицы</title>

</head>

<BODY>

<TR>

<TD><B>Выравнивание по горизонтали</b></td>

<TD align="center"> По центру </td>

<TD align="left"> По левому краю </td>

<TD align="right"> По правому краю </td>

</tr>

<TR>

<TD <В>Выравнивание по вертикали </b></td>

<TD valign="top"> По верхнему краю <BR><BR></td>

<TD valign="middle"> По центру </td>

<TD valign="baseline"> <BR><BR>По нижнему краю </td>

</tr>

</table>

</body>

</html>

Пример.

<HTML>

<HEAD>

<TITLE>Таблицы</title>

</head>

<BODY>

<TABLE border=2>

<TR>

<TD height="55" width="80" valign="top">

<center>1x1</center> </td>

<TD width="80" bgcolor="silver"> <center>1x2</center> </td>

<TD width="80" valign="bottom">

<center>1x3</center> </td>

</tr>

<TR>

<TD height="55" width="80" bgcolor="silver" valign="bottom"> <center>2x1</center> </td>

<TD width="80" > <center>2x2</center> </td>

<TD width="80" bgcolor="silver" valign="top"> <center>2x3</center>

</td>

</tr>

</table>

</body>

</html>