CodePen

HTML

            
              <header id="navmenu">
    <ul>
        <li>
            <label>Welcome <span id="firstName"></span></label>
        </li>
        <li>
            <a href="#" onclick="return false;">Option One</a>
        </li>
        <li>
            <a href="#" onclick="return false;">Option Two</a>
        </li>
    </ul>
</header>
            
          
!
via HTML Inspector

CSS

            
              #navmenu {
	background-color: rgba(250, 250, 210, 1);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.8);
	box-shadow: 0 0 3px rgba(0,0,0,0.8);
	text-align:right;
	height:42px;
	width:100%
}
#navmenu ul {
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	padding: 0 12px;
	height:42px;
  float: right;
}
#navmenu ul li {
	display:block;
  float: left;
	line-height: 42px;
	
}
#navmenu ul li:first-child {
	padding-right: 8px;
}
#navmenu a {
	text-decoration:none;
  border-left: solid 1px black;
  padding: 0 8px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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