Height를 auto로 설정하면 글 길이에 맞게 border가 조정이 됨
<!DOCTYPE html>
<html>
<head>
<style>
div.a {
height: auto;
border: 1px solid black;
}
div.b {
height: 50px;
border: 1px solid black;
}
</style>
</head>
<body>
<h1>The height Property</h1>
<h2>height: auto (default)</h2>
<div class="a">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar,
at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.
Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Pellentesque interdum,
nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat.</div>
<h2>height: 50px</h2>
<div class="b">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar,
at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.
Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Pellentesque interdum,
nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat.</div>
</body>
</html>
