선생님 안녕하세요. 강의 내용 잘 듣고 있습니다.
'레이아웃 만들기' 숙제에서 우선 div를 두 개 만들어서 1번 div는 폭을 80%, 2번 div는 폭을 20% 넣고 2번 div에 이미지를 넣었는데 이미지가 20% 부분이 아닌 맨 좌측에 나옵니다. 어디가 잘 못 된 건가요?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="container">
<div class="blog-content">
</div>
<div class="blog-image">
<img src="dog.jpg">
<img src="dog2.jpg">
</div>
</div>
</body>
</html>
css
.container {
width: 800px;
}
.blog-content {
width: 80%;
height: 200px;
}
.blog-image {
width: 20%;
height: 200px;
}
