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="toolbar"> <button class="secondary">Home</button> <button class="secondary">Docs</button> <div class="spacer"></div> <button>Sign up</button> </nav> </body> </html>
body { font-family: "Inter",sans-serif; margin: 0; padding: 32px; background: #f8fafc; } .toolbar { display: flex; gap: 16px; align-items: center; background: #fff; padding: 16px 20px; border-radius: 999px; box-shadow: 0 12px 30px rgba(15,23,42,0.1); } .toolbar .spacer { flex: 1 1 auto; } button { border: none; background: #6366f1; color: #fff; padding: 10px 18px; border-radius: 999px; font-weight: 600; cursor: pointer; } button.secondary { background: #e0e7ff; color: #4338ca; }
