CSS: margin-top, CSS flexbox

Penjelasan CSS: margin-top

Penggunaan margin-top dalam CSS

Fungsi: margin-top digunakan untuk mengatur jarak antara elemen dengan elemen lain di atasnya. Ini berguna untuk memberi ruang secara vertikal agar tampilan lebih rapi dan tidak saling menempel.

Lokasi Penggunaan margin-top:

  • Di file CSS eksternal, seperti styles.css
  • Di dalam tag <style> di dalam dokumen HTML
  • Melalui atribut style langsung pada elemen HTML (inline style)

Apa rata atas (top-aligned), align-items: flex-start: semua teks rata atas (sejajar secara vertikal di atas), dan CSS flexbox?

Comments

Post a Comment

Popular posts from this blog

Vault Frontend 2 V5

Vault Dokumen Vault Dokumen Terenkripsi ✏️ Edit Biasa (Tanpa Password) 🔐 Enkripsi 🔓 Dekripsi 🧹 Bersihkan English Indonesia Español Français Deutsch 中文 العربية Русский हिंदी 日本語 🌐 Terjemahkan 📋 Salin 📀 Export
Read more

Atur Jarak Antar Elemen HTML

Daftar Kategori Jarak Elemen HTML Daftar Kategori Jarak Antar Elemen HTML Dalam pengembangan antarmuka web, pengaturan jarak antar elemen HTML memegang peranan penting untuk menciptakan tampilan yang rapi, terstruktur, dan mudah dibaca. Framework seperti Bootstrap atau Tailwind menyediakan class bawaan seperti mb-3 , p-4 , dan leading-relaxed yang dapat dimanfaatkan untuk mengatur margin, padding, serta line-height secara konsisten. Penggunaan margin: 0 secara global sebaiknya dihindari, kecuali seluruh elemen dikendalikan secara presisi. Disarankan menggunakan satuan em atau rem agar jarak antar elemen tetap responsif terhadap perubahan ukuran font dasar. Selain itu, penerapan CSS Reset atau Normalize.css penting untuk menyamakan tampilan default antar browser dan menghindari inkonsistensi gaya bawaan. Berikut adalah tabel yang memuat kategori umum jarak antar elemen HTML yang sering perlu diatur. ...
Read more