ul.menu_bar { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; } ul.menu_bar li.left { display: inline; float: left; } ul.menu_bar li.right { display: inline; float: right; } ul.menu_bar li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } ul.menu_bar li a.active { background-color: #04AA6D; } /* Change the link color to #111 (black) on hover */ ul.menu_bar li a:hover { background-color: #111; }