<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>박스모델</title>
<style>
div.inner {
background : yellow;
padding : 20px;
border : 5px dotted red;
margin : 30px;
}
div.inner2 {
background : yellow;
padding : 20px;
border : 5px dotted green;
margin : 30px;
}
</style>
</head>
<body>
<h3> 박스모델 </h3>
<p> margin 30px, padding 20px, border 5px의 빨간색 점선</p>
<hr>
<div class = "inner">
<img src="../images/mio.png" alt="고양이눈">
</div>
<p> margin 30px, padding 20px, border 5px의 초록색 점선</p>
<hr>
<div class = "inner2">
<img src="../images/mio.png" alt="고양이눈"></p>
</div>
</body>
</html>