Advanced Search

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.

Expand | Embed | Plain Text

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.