<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class='container'>
<div class='info'>
</div>
<div class='hinh' id= 'pic1'>
</div>
<div class='hinh' id='pic2'>
</div>
<div class='hinh' id='pic3'>
</div>
<div class='hinh' id='pic4'>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
.container {
background-color: #fff7d9;
width: 600px;
height:300px;
position:relative;
}
.hinh{
width:150px;
height:150px;
}
.info{
position:absolute;
}
#pic1{
background-color: #faddaf;
position:absolute;
left:300px;
}
#pic2{
background-color:#fcd7da;
position:absolute;
left:450px;
}
#pic3{
background-color: #c4f5ce;
position:absolute;
left:450px;
top:150px;
}
#pic4{
background-color:#d4faf1 ;
position:absolute;
left:300px;
top:150px;
}