Lompat ke konten utama
←

Bangun Halaman Web Pertamamu

Pelajaran 5 dari 6

Merapikan dan menggabungkan · Pelajaran 5

Mengatur jarak dengan padding

Tujuan: Pengguna dapat membedakan padding dan margin lalu mengatur jarak isi halaman.

±8 menitDiperiksa 2026-09-21
  • padding adalah ruang di dalam elemen, antara tepi dan isinya.
  • margin adalah ruang di luar elemen, antara elemen itu dan tetangganya.
<style>
  body { padding: 40px; }
  h1 { margin-bottom: 8px; }
</style>

Coba ubah nilai padding dari 40px menjadi 8px lalu jalankan lagi. Perbedaannya langsung terlihat di preview.

Praktik

Atur padding pada body lewat blok style.

Kode tersimpan otomatis saat kamu mengetik.

Pemeriksaan ini mencocokkan kodemu dengan instruksi latihan. Belum ada penilaian kualitas kode secara menyeluruh. Preview menjalankan HTML dan CSS saja, tanpa JavaScript.

Selesaikan latihannya dulu untuk menandai pelajaran ini selesai.

Lanjutkan ke

Sumber