Zarovnání tabulky CSS
Horizontální zarovnání
Vlastnost text-align
nastavuje vodorovné zarovnání (např. doleva, doprava nebo na střed) obsahu v <th> nebo <td>.
Ve výchozím nastavení je obsah prvků <th> zarovnán na střed a obsah prvků <td> je zarovnán doleva.
Chcete-li také zarovnat obsah prvků <td> na střed, použijte text-align: center
:
Příklad
td
{
text-align: center;
}
Chcete-li obsah zarovnat doleva, vynutíte zarovnání prvků <th> tak, aby bylo zarovnáno doleva s text-align: left
vlastností:
Příklad
th
{
text-align: left;
}
Vertikální zarovnání
Vlastnost vertical-align
nastavuje vertikální zarovnání (např. nahoře, dole nebo uprostřed) obsahu v <th> nebo <td>.
Ve výchozím nastavení je vertikální zarovnání obsahu v tabulce na střed (u prvků <th> i <td>).
Následující příklad nastaví vertikální zarovnání textu na spodní část pro prvky <td>:
Příklad
td
{
height: 50px;
vertical-align: bottom;
}