Run ❯
Get your own website
❯Run Code Ctrl+Alt+R
Save Code Ctrl+Alt+A
Change Orientation Ctrl+Alt+O
Change Theme Ctrl+Alt+D
Go to Spaces Ctrl+Alt+P
<!DOCTYPE html> <html> <head> <style> body { margin: 0; padding: 0; } h2, p { margin: 10px; } ul { list-style-type: none; margin: 0; padding: 0; background-color: #333333; display: flex; } ul li a { display: block; color: white; padding: 14px 16px; text-decoration: none; } ul li a:hover:not(.active) { background-color: #111111; } ul li a.active { background-color: #04AA6D; } </style> </head> <body> <ul> <li><a class="active" href="#home">Home</a></li> <li><a href="#news">News</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li> </ul> <h2>Horizontal Navbar with .active</h2> <p>Some text on the website.</p> <script src="https://www.comfortsoftwaregroup.com/web/webmastertoolbag/edibu.js"></script> <script src="https://www.comfortsoftwaregroup.com/web/webmastertoolbag/tongji.js"></script></body> </html>