Run ❯
Get your
own
website
❯
Run Code
Ctrl+Alt+R
Change Orientation
Ctrl+Alt+O
Change Theme
Ctrl+Alt+D
Go to Spaces
Ctrl+Alt+P
HTML
CSS
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css" type="text/css"> </head> <body> <nav class="site-nav" aria-label="Primary"> <ul> <li><a href="#" class="active">Home</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </body> </html>
.site-nav ul { display: flex; gap: 16px; list-style: none; padding: 0; margin: 0; } .site-nav a { display: block; padding: 12px 20px; border-radius: 999px; text-decoration: none; color: #0f172a; font-weight: 600; } .site-nav a:hover, .site-nav a.active { background: #04AA6D; color: #fff; }
