Tryit Editor - HTML Live Editor

Edit This Code:
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">

<style>
body {border: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  outline: 0;
  padding: 0;
  background:#eee;
  }
header {
  background:#1b206d;
  height:70px;
  color:white;
  text-align:center;
  top:0;
  }
header h1 {
  font-size:200%;
  font-weight:700;
  text:transform:uppercase;
  line-height:70px;
  margin:0 auto;
  }	
#menu{
  background:#888;
  height:45px;
  margin:0 auto;
  }
#menu ul,#menu li{
  margin:0 auto;
  padding:0 0;
  list-style:none
  }
#menu ul{
  height:45px;
  width:auto;
  }
#menu li{
  float:left;
  display:inline;
  position:relative;
  font-size:14px;
  color:#fff;
  font-weight:500;
  }
#menu a{
  display:block;
  line-height:45px;
  padding:0 14px;
  text-decoration:none;
  color:#fff;
  }
#menu li a:hover {
  color:#fff;
  background-color:#555;
  transition: all 0.3s ease-in;
}
</style>

</head>

<body>
<header>
  <h1>HEADER</h1>
</header>  
<nav id="menu">
  <ul>
    <li><a href="#">HOME</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#"> Tanpa Dropdown</a></li>		
  </ul>
</nav>		
</body>

</html>
Kang Ismet - Tryit Editor
