Cara Menggunakan Padding di CSS
Kita telah membahas properti margin,
yang membuat jarak ke luar dari batas.
Ada juga properti yang sangat mirip yaitu padding,
yang membuat jarak ke dalam dari batas.
Sekarang mari kita lihat contoh-contoh bagaimana properti ini bekerja. Pertama, saya berikan blok tanpa jarak (teksnya menempel ke batas):
<div id="elem">
some long text
</div>
#elem {
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
Dan sekarang atur padding menjadi 30px
untuk semua sisi:
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid red;
text-align: justify;
}
:
