CodePen

HTML

            
              <ul>
  <li><a href="">Home</a></li>
  <li><a href="">FAQ's</a></li>
  <li><a href="">News</a></li>
  <li><a href="">Get your FREE card now</a></li>
  <li><a href="">Questions? Call anytime 866-798-0900</a></li>
</ul>
            
          
!

CSS

            
              ul li {
 display: inline-block;
}

li {
background: blue;
  
}

li a {
padding: 10px;  
font-family: Arial;
color: white;
text-decoration: none;  
}

ul li a:hover {
background: green; 
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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