body { margin: 0; padding: 0; font-style: oblique; font-size: larger; } h1, p { margin: 10px; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #7393fc; } ul li { float: left; border-right:1px solid #0026ff; } ul li:last-child { border-right: none; } ul li a { display: block; color: rgb(0, 0, 0); text-align: center; padding: 20px 100px; text-decoration: none; font-size: medium; font-style: oblique; } ul li a:hover:not(.active) { background-color: #4b1bf7; } ul li a.active { background-color: #04AA6D; }