CodePen

HTML

            
              <div class="three-squares-nav">
  <ul>
    <li><a href="paralegal-educators">Paralegal Educators</a></li>
    <li><a href="documents">Documents</a></li>
    <li><a href="contact-us">Contact Us</a></li>
  </ul>
</div>


            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              
.three-squares-nav li {
  list-style: none;
  float: left;
  width: 140px;
  height: 95px;
  margin-right: 20px;
  text-align: center;
  background-color: #4dbcc3;
  
  /* ADDED */
  display:table;
}
.three-squares-nav li:hover {
  background-color: #9ecd4d;
}
.three-squares-nav a {
  text-decoration: none;
  color: #fff;
  font-size:120%;
  
    /* ADDED */
  display:table-cell;
  vertical-align:middle;
}


            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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