Assalamualaiku, kali ini saya akan membuat tutorial cara mengatur margin di html dengan bantuan css, tetapi saya hanya menggunakan pada paragraf saja, semoba bermanfaat. Sebelum kita lanjutkan kita bahas dulu apa itu margin. Margin digunakan untuk mengaplikasikan jarak tepi pada sebuah elemen bagian luar (tepi garis luar). Margin memiliki 4 macam penjabaran yang dapat digunakan secara terpisah sendiri-sendiri, yaitu: margin-top, margin-right, margin-bottom dan margin-left. Jadi, margin adalah shorthand (kependekan) untuk mendeklarasikan keempat penjabaran tersebut secara serentak (sekaligus) dalam satu baris.
Dengan margin, kita bisa mengatur posisi elemen agar memiliki ruang lebih luas atau lebih sempit dari elemen sebelum, bersebelahan atau sesudahnya, sesuai dengan keinginan.
contoh :
--html--
<html>--css--
<head>
<title>Demo</title>
</head>
<body>
<p><span>Duania Ngoding</span> Belajar HTML</p>
</body>
</html>
p {
margin: 5px 10px 15px 20px;
}
Download :