CodePen

HTML

            
              <div class="nav">
  	<ul>
			<li><a href="news.html">ONE</a></li>
			<li><a href="live.html">TWO</a></li>
			<li><a href="pout.html">ONE</a></li>
			<li><a href="http://herparents.bandcamp.com">TWO</a></li>
			<li><a href="guts.html">FOUR</a></li>
		</ul>
	</div>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              div.nav {

}

ul {
  list-style-type: none;
  margin:25px auto;
  width:50%;
  background:red;
}

ul li a:link, ul li a:visited {
  text-decoration: none;
	color: white;
	background-color: black;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 100%;
}

ul li a:hover {
	text-shadow: 2px 2px #424242;
}

li {
	display: inline-block;
}
body {
	background-color: black;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................