CSS Tablo Hizalama

Yatay hizalama

Özellik text-align, <th> veya <td> içindeki içeriğin yatay hizalamasını (sol, sağ veya orta gibi) ayarlar.

Varsayılan olarak, <th> öğelerinin içeriği ortaya hizalanır ve <td> öğelerinin içeriği sola hizalanır.

<td> öğelerinin içeriğini de merkeze hizalamak için şunu kullanın text-align: center:

td {
text-align: center;
}

İçeriği sola hizalamak için, <th> öğelerinin hizalamasını şu özellik ile sola hizalanmaya zorlayın text-align: left:

th {
text-align: left;
}

Özellik vertical-align, <th> veya <td> içindeki içeriğin dikey hizalamasını (üst, alt veya orta gibi) ayarlar.

Varsayılan olarak, bir tablodaki içeriğin dikey hizalaması ortadır (hem <th> hem de <td> öğeleri için).

Aşağıdaki örnek, <td> öğeleri için dikey metin hizalamasını alta ayarlar:

td {
height: 50px;
vertical-align: bottom;
}