CSS TutorialLesson 29Preview gratis
CSS Align
Lesson ini bagian dari CSS · Semua level
Ringkasan
Pengaturan perataan di CSS berbeda tergantung jenis elemennya: teks diratakan dengan text-align, elemen blok berlebar tetap dipusatkan dengan margin auto, sementara isi flexbox diatur dengan justify-content dan align-items. Untuk gambar, perataan kadang dibantu vertical-align atau dibungkus wadah flex. Memilih metode yang tepat membuat tata letak rapi tanpa trik berlebihan.
Poin kunci
- text-align mengatur perataan teks di dalam elemen: left, center, right, justify.
- Blok berlebar tetap dipusatkan dengan margin-left dan margin-right bernilai auto.
- Pada flexbox, justify-content mengatur sumbu utama dan align-items mengatur sumbu silang.
- vertical-align mengatur perataan elemen inline atau inline-block terhadap teks sebaris.
- Membedakan perataan teks dan perataan kotak penting agar hasil sesuai harapan.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.