Perataan Tabel CSS
Penjajaran Horisontal
Properti text-align
mengatur perataan horizontal (seperti kiri, kanan, atau tengah) konten di <th> atau <td>.
Secara default, konten elemen <th> rata tengah dan konten elemen <td> rata kiri.
Untuk menyelaraskan konten elemen <td> juga, gunakan text-align: center
:
Contoh
td
{
text-align: center;
}
Untuk meratakan kiri konten, paksa perataan elemen <th> menjadi rata kiri, dengan text-align: left
properti:
Contoh
th
{
text-align: left;
}
Penjajaran Vertikal
Properti vertical-align
mengatur perataan vertikal (seperti atas, bawah, atau tengah) konten di <th> atau <td>.
Secara default, perataan vertikal konten dalam tabel berada di tengah (untuk elemen <th> dan <td>).
Contoh berikut mengatur perataan teks vertikal ke bawah untuk elemen <td>:
Contoh
td
{
height: 50px;
vertical-align: bottom;
}