Untitled

<!DOCTYPE html>
<html>
<header>
<title>Learn about Layout</title>
    <style>
        #header {
            background-color:black;
            color:white;
            text-align:center;
            padding:5px;
        }
        #nav {
            line-height:30px;
            background-color:#eeeeee;
            height:300px;
            width:100px;
            float:left;
            padding:5px;
        }
        #section {
            width:350px;
            float:left;
            padding:10px;
        }
        #footer {
            background-color:black;
            color:white;
            clear:both;
            text-align:center;
            padding:5px;
        }
    </style>
</header>
<body>
 <div id="header">
  <h1>Ini Bagian Header</h1>
</div>

<div id="nav">
  <h3>Lorem</h3><br />
  <h3>Ipsum</h3><br />
  <h3>Dolor</h3><br />
</div>

<div id="section">
<h1>London</h1>
  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
  Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
  when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  It has survived not only five centuries
  </p>

  <p>Contrary to popular belief, Lorem Ipsum is not simply random text.
  It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.
  </p>
</div>

<div id="footer">
  Copyright © byme.com
</div>

</body>
</html>