Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement