div안에 있는 p들이 전부다 프린트 되지가 않는 문제가 있습니다. 아신다면 도움 주세요. 답변 기다리겠습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="temp.css">
</head>
<body>
<div class='container' style='font-size: 0px'>
<div class='elm1'>
<div class='e1'>
<div class='e1-1'>
< img src="강아지.jpg" alt="" width="100%" height = "100%">
</div>
<div class='e1-2'>
<p>이름</p>
<p>성별</p>
</div>
</div>
<div class='e2'>
<p>trying to print something out rn</p>
</div>
<div class='e3'></div>
</div>
<div class='elm2' >
< img src="열공.png" alt="">
</div>
</div>
</body>
</html>
.elm1 {
display: inline-block;
width: 70%;
height: 50vh;
vertical-align: top;
}
.elm2 {
display: inline-block;
width: 30%;
height: 50vh;
background-color: darkblue;
}
.e1 {
width: 100%;
height: 30%;
}
e2 {
width: 50%;
}
.e2 {
height: 50%;
}
.e3 {
height: 20%;
background-color: beige;
}
.e1-1 {
width: 10%;
height: 100%;
float: left;
background-color: antiquewhite;
float: left;
}
.e1-2 {
width: 90%;
height: 100%;
float: left;
}
