Mengatur Vertical Alignment Tabel HTML

Beberapa waktu yang lalu, saya baru mengetahui bahwa default vertical alignment sebuah kolom di tabel HTML, ternyata menggunakan center. Cukup mind blowing karena ekspektasi saya default alignment di tabel harusnya di atas.

Tapi tenang saja, untuk mengatasinya sangat mudah. Kita cukup atur properti vertical-align pada element td di suatu tabel.

td {
  vertical-align: top;
}

Hanya dengan satu properti tersebut, sekarang konten dari sebuah kolom akan rata atas.