CodePen

HTML

            
              <body>
  <div id="content">
<div class="top-menu">
  <ul>
    <li><a>Home</a></li> |
    <li><a>News</a></li> |
    <li><a>Forums</a></li> |
  </ul>
</div>    
</div>
</body>
            
          
!

CSS

            
              /* Layout
----------------------------- */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);

body {
  background: url(http://subtlepatterns.com/patterns/rough_diagonal.png);
  font-family: 'Open Sans';
  color: #444444;
  font-size: 16px;
}

/* Code Block Styles*/
pre, code, tt, kbd {
	font-family: monospace;
	white-space: pre;
}

pre{
	background: #272821;
	padding: 35px;
	margin: 30px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow-x: scroll;
}

.language-html {
	color: #F6F3E8;
}

.language-css {
	color: #F6F3E8;
}

code {
  color: #990000;
}

#content {
  margin:0 auto;
  width: 1024px;
  background: white;
  border-radius: 10px;
  background-color: #FDFDFD;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .2);
  border: 10px solid #EEE;
  padding:1em
}

.top-menu {
  background: #fafafa;
  border: 1px solid #dddddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: inset 0 0 0 1px #fff, inset 0 0 20px rgba(0,0,0,0.1);
  box-shadow: inset 0 0 0 1px #fff, inset 0 0 20px rgba(0,0,0,0.1);
  box-shadow: inset 0 0 0 1px #fff, inset 0 0 20px rgba(0,0,0,0.1);
  box-shadow: inset 0 0 0 1px #fff, inset 0 0 10px rgba(0,0,0,0.1);
}

.top-menu ul li a {
  text-decoration: none;
  color: #199BB5 !important;
  font-weight: bold;
  padding: 5px 10px;
  text-transform: uppercase;
}

.top-menu ul li {
  display: inline-block;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $(function() {
  $('.top-menu ul').html($('.top-menu ul').html().replace(/\|/g,''));
});
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................