Margin hypertext markup language (HTML) adalah properti yang menentukan spasi di luar elemen. Ini dapat digunakan dalam konteks dengan padding, ruang di dalam elemen, untuk mengatur objek secara visual. Margin mungkin diperlukan untuk kemudahan membaca serta tujuan estetika. Ketika elemen dijejalkan bersama-sama, itu dapat membuat situs web terlihat sibuk yang mungkin tidak menyenangkan bagi pengguna. Spasi yang benar dengan margin HTML menciptakan tampilan yang lebih seimbang dan merata yang tetap menarik secara visual, namun tidak berlebihan.
Saat pengembang menyetel margin HTML, dibutuhkan hingga empat nilai. Jika satu nilai diberikan, browser akan menganggap margin di sekitar objek harus sama di semua sisi. Untuk dua nilai, itu akan menggunakan yang pertama untuk atas dan bawah, dan yang kedua untuk kiri dan kanan. Tiga nilai menguraikan margin atas, pengukuran di samping, dan bawah. Dalam kasus di mana keempatnya ditentukan, browser akan mengatur bagian atas, kiri, kanan, dan bawah seperti yang ditentukan.
Setiap margin HTML menyediakan beberapa ruang visual di sekitar bagian luar elemen. Dalam contoh klasik, desainer web mungkin memiliki bilah navigasi di bagian atas halaman. Tanpa margin, elemen berikutnya, seperti kotak dengan konten, akan langsung berhadapan dengan bilah navigasi. Ini tidak akan terlihat sangat menyenangkan, dan juga mungkin membuat situs sulit digunakan oleh pengguna. Margin HTML dapat memberikan ruang di sekitar konten, menciptakan jarak antara menu dan konten untuk memisahkannya secara visual.
Desainer dapat mengatur margin HTML sebagai persentase, atau dalam nilai seperti em atau piksel. Pilihan terbaik dapat bergantung pada preferensi perancang dan keseluruhan tampilan dan nuansa situs. Penting untuk menggunakan pengukuran yang konsisten dalam desain. Jika margin diberikan dalam persentase, misalnya, demikian juga padding, untuk menghindari konflik.
Pertimbangan lain dapat berupa perubahan ukuran atau tampilan layar, yang mungkin terjadi pada perangkat seluler atau komputer tempat pengguna memperbesar konten agar mudah dibaca. Jika desainnya tidak fleksibel, konten dapat keluar dari wadah, keluar dari halaman, atau gagal diperbesar dengan benar. Ini dapat membuat situs sulit dibaca, dan dalam beberapa kasus dapat merusak konten sehingga pengguna tidak dapat mengaksesnya sama sekali. Dalam pengujian, desainer dapat menjelajahi beberapa browser yang berbeda dan dapat bereksperimen dengan pembesaran dan penyusutan untuk melihat apa yang terjadi pada tampilan.