jeffwklein · May 21, 2014 21:02
diff --git a/navbar.css b/navbar.css
 div.navbar {
  float: right;
  border: 1px solid black;
  border-radius:10px;
  text-align: center;
  background-color:#ddff99;
  overflow:hidden;
  min-width:350px;
  margin-right:1%;
  margin-top:10px;
 }

 div ul {
  font-size: 0;
  padding: 0;
  list-style: none;
  padding-left:1em;
  padding-right:15em;
 }

 div li {
  font-size: 3.0vh;
  padding-left: 1.5em;
  padding-right: 1.5em;
  display: inline-block;
  border-right: 1px solid black;
  vertical-align: middle;
 }

 div li:hover {
  background-color:#bbff44;
 }
diff --git a/navbar.html b/navbar.html
 <!DOCTYPE html>
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title>Nav Bar Example</title>
 <link rel="stylesheet" type="text/css" href="style.css">
 </head>
 <body>
  <div class="navbar">
    <ul>
      <li>Home</li>
      <li>About</li>
      <li>Contact</li>
      <li style="border-right:0px;">Help</li>
    </ul>
  </div>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Nav Bar Example</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>
	<div class="navbar">
	<ul>
	<li>Home</li>
	<li>About</li>
	<li>Contact</li>
	<li style="border-right:0px;">Help</li>
	</ul>
	</div>
	</body>
	</html>