<!doctype html> <html> <head> <title>Nothing yet</title> <meta charset="utf-8"> <link rel="stylesheet" href="reset.css"> <link rel="stylesheet" href="base2.css"> </head> <body> <nav> <ul> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">LEARNING</a></li> <li><a href="#">PROJECTS</a></li> <li><a href="#">WORK</a></li> <li><a href="#">CONTACT</a></li> </ul> </nav> </body> </html>
@charset "utf-8"; /* CSS Document */ body { font-family: segoe ui, helvetica, lato, sans-serif; background-color: #E9E9E9; } p { font-size: 2em; color: black; } nav { background-color: #008cff; height: 50px; position: fixed; /* This and the 'left', 'top' and 'width' fixes the menu */ left: 0; top: 0; width: 100%; box-shadow: 0px 2px 5px #949494; } nav ul { height: 50; width: 660px; margin: auto; } nav ul li { list-style-type: none; width: 110px; float: left; text-align: center; font-size: 1.2em; } nav a { text-decoration: none; color: #ECECEC; line-height: 50px; display: block; } nav a:hover { color: white; background-color: #007CE3; }
nav ul li { width: auto; margin-right: 25px; }
nav ul li { list-style-type: none; width: 16.666666667%; /* (100 / numofItems)% */ float: left; text-align: center; font-size: 1.2em; }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)