<!-- <style>
nav ul li {
display: inline-block;
margin:20px;
}
</style>
<nav>
<ul>
<li><a href="#">지성이의 하루</a></li>
<li><a href="#">성일이의 하루</a></li>
<li><a href="#">파키케팔로 사우루스의 하루</a></li>
<li><a href="#">지렁이이의 하루</a></li>
</ul>
<h2>친구들의 하루</h2>
</nav> -->
<!-- <style>
div {
width:100px;
height:100px;
margin:30px;
display:inline-block;
}
</style>
<div style="background:green"></div>
<div style="background:orange"></div>
<div style="background:blue"></div> -->
<!-- <style>
div{
width:200px;
height:100px;
display:inline-block;
margin:15px;
border-width:5px;
}
.box1 {border-style:solid; }
.box2 {border-style:dotted; }
.box3 {border-style:dashed; }
</style>
<div class="box1"> </div>
<div class="box2"> </div>
<div class="box3"> </div> -->