Postingan lainnya

Buku Ini Koding!

Baru!

Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!

Kelas Premium!
Belajar bikin website dari nol sekarang

Gunakan kupon "lebihcepat" untuk diskon 25%!

Masalah Padding

http://codepen.io/anon/pen/aJgNvx

Halo gan, ini kenapa ya padding yang punya footer mulai dihitung dari yang paling atas, harusnya kan setelah section banner, jadi padding 20px gak mau ada jarak. Salah nya dimana ya? Terima kasih.

css

@suhen

40 Kontribusi 2 Poin

Diperbarui 8 tahun yang lalu

2 Jawaban:

Jawaban Terpilih

Gunakan display:table;

Maaf saya menambahkan border, untuk mengecek kesalahan.. Silahkan dihapus aja..



*{
  padding: 0;
  margin: 0;
}
.container{
  width:80%;
  margin: auto;
  display:table;
}
.banner1{
  background: blue;
  text-align:center;
  padding: 20px 0;
  width: 50%;
  float:left;
}
.banner2{
  background: red;
  text-align:center;
  padding: 20px 0;
   width: 50%;
  float:right;
}
footer{
  padding: 20px 0;
  text-align: center;
  border:1px solid black;
}

#banner{
  border:1px solid blue;
}

@dodipsitorus

412 Kontribusi 145 Poin

Dipost 8 tahun yang lalu

Bang @Dodi Sitorus, Terima kasih banyak bang, problem solved.(jempol)