CSS Layout(float, overflow) 실습

<header>TOP ALL Area (width:100% , height:100px)</header>
<div class="left">
  <ul><h2>Aside</h2>
    <li>english</li>
    <li>korea</li>
    <li>japen</li>
  </ul>
</div>
<div id="wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti asperiores cupiditate eligendi aliquid repudiandae ad, ullam, quam dolorum quisquam rerum non cum molestias. Obcaecati neque animi ex quibusdam cupiditate sed. thank you :)</div>

<footer>copyright</footer>

header{
  text-align:center;
  width:100%;
  height:100px;
  background-color: green;
}
.left{
  text-align:center;
  width:30%;
  height:200px;
  background-color: #4c7;
  float:left;
}
h2{
  text-align:left;
}
li{
  margin-left:0px;
  text-align:left;
}
#wrap {
  background-color: red;
  text-align:center;
  width:70%;
  height:200px;
  overflow:auto;
  font-size:25px;
}
footer{
  background-color:green;
  width:100%;
  height:100px;
}

---