Property ini digunakan untuk memberikan jarak antar elemen html. misalnya jarak antar <div> dan tag-tag lainnya.
Supaya lebih memahami langsung ke contoh:
Lalu tambahkan tag style dalam tag head, dan ketikan kode css berikut:
Maka akan muncul tampilan seperti dibawah ini:
Jarak antar box agak berjauhan karena kita memberi margin-bottom sebesar 50 px. Namun bagaimana cara text yang ada dalam box berposisi di tengah? Dengan Padding kita bisa mengatur nya. Padding adalah sebuah elemen yang digunakan untuk mengatur atau memberikan jarak antara konten elemen dengan elemen trsebut.
Pada koding anda sebelumnya tinggal diberi tambahan padding
Dan hasilnya akan seperti ini
Setelah diberi padding maka ada perbedaan text dalam box gambar ke 1 dan kedua. Dan ukuran box yang telah diberi padding juga akan berubah karena telah ketambahan besar padding nya. Misal anda membuat box dengan size 100 px dan anda beri padding sebesar 30 px maka besar box akan menjadi 130 px.
Malaslah pada waktunya, dan Rajinlah pada waktunya
@enjie_press~
0 komentar: