Footer Horizontal Menu


/ Published in: CSS
Save to your folder(s)

Basic styling to set up menu that's typically in the footer into a horizontal format.


Copy this code and paste it in your HTML
  1. #footer .menu {
  2. margin: 0;
  3. padding: 0;
  4. text-align: right;
  5. list-style-type: none;
  6. }
  7.  
  8. #footer .menu li {
  9. display: inline;
  10. margin-right: 5px;
  11. padding-right: 5px;
  12. border-right: 1px solid #FFFFFF;
  13. }
  14.  
  15. #footer .menu li:last-child {
  16. margin: 0;
  17. padding: 0;
  18. border: none;
  19. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.