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%!
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>
0
4 Jawaban:
masih sama gan @dras gak berubah masih di samping
0
Jawaban Terpilih
coba di .col5 nya float:leftnya ganti jadi display:inline-table; yang di #main text-align:center; nya jangan di hapus
1