Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title></title>
- <style>
- * {
- margin: 0; padding: 0;
- }
- nav {
- background-color: #ccc;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- nav > * {
- flex: 1;
- height: 40px;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- body > div {
- background: linear-gradient(red, blue);
- }
- </style>
- </head>
- <body>
- <nav>
- <h4>Main</h4>
- <form>
- <input type="text">
- <input type="submit" value="Search">
- </form>
- <div>
- hey
- </div>
- </nav>
- <div>
- <ul>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- <li>1</li>
- </ul>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement