Untuk membuat div sejajar dengan ketinggian berbeda kita bisa menambahkah display:inline-block pada setiap div-nya.
Berikut ini code html dan css-nya :
<html>
<head>
<style>
.wrapper {<head>
<style>
width:1000px;
}
.box {
width:200px;
height:200px;
background:#800000;
margin:0 10px 20px 10px;
display:inline-block;
vertical-align:top;
color:#fff;
font-size:20px;
}
.box-2 {
height:300px;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="box">1</div>
<div class="box box-2">2</div>
<div class="box">3</div>
<div class="box">4</div>
<div class="box">5</div>
<div class="box">6</div>
<div class="box">7</div>
<div class="box">8</div>
</div>
</body>
</html>
Selamat mencoba.
sumber : ocehandimas.com
Tidak ada komentar:
Posting Komentar