membuat kolom menjadi di tengah dan memberi gambar di dalamnya

bagaimana agar kolom yang warna biru kecil2 ada di tengah halaman main

 <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
<style>
*{
  margin:0;
  padding:0;
}
#header{
  background-color:#000000;
  height:100px;
  width:100%;
}
#main{
  background-color:#c55252;
  height:500px;
  width:80%;
  float:left;
}
.col5{
  width:50px;
  margin:1%;
  align-content:center;
  float:left;
  height:50px;
  background-color: blue;
}
#sidebar{
  background-color: #ff00cf;
  height:500px;
  width:20%;
  float:left;
}
#footer{
  background-color: #80ff00;
  height:40px;
  width:100%;
  clear:both;

}
</style>
</head>

<body>
  <div id="header"></div>
  <div id="main">
    <div class="col5"></div>
    <div class="col5"></div>
    <div class="col5"></div>
    <div class="col5"></div>
    <div class="col5"></div>
  </div>
  <div id="sidebar"></div>
  <div id="footer"></div>
</body>

avatar Aziez
@Aziez

193 Kontribusi 18 Poin

Diperbarui 7 tahun yang lalu

4 Jawaban:

Coba #main nya tambahin text-align:center;

avatar dras
@dras

24 Kontribusi 13 Poin

Dipost 7 tahun yang lalu

masih sama gan @dras gak berubah masih di samping

avatar Aziez
@Aziez

193 Kontribusi 18 Poin

Dipost 7 tahun yang lalu

Jawaban Terpilih

coba di .col5 nya float:leftnya ganti jadi display:inline-table; yang di #main text-align:center; nya jangan di hapus

avatar dras
@dras

24 Kontribusi 13 Poin

Dipost 7 tahun yang lalu

okehh gan berhasil.. :D thanks :D ,,

avatar Aziez
@Aziez

193 Kontribusi 18 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban