Hej folkens
Jeg har fundet en kode på nettet, af en menu, men kan ikke finde ud af at få den centreret.
Min kode er sådan her
html:
- <ul id="nav">
- <li><a href="#">Home</a></li>
- <li><a href="#">About</a></li>
- <li><a href="#">Services</a></li>
- <li><a href="#">Products</a></li>
- <li><a href="#">Sitemap</a></li>
- <li><a href="#">Help</a></li>
- <li><a href="#">Contact Us</a></li>
- </ul>
css:
- #nav li {
- display:inline;
- }
- #nav li a {
- text-decoration: none;
- float:left;
- padding:10px;
- background-color: #333333;
- color:#ffffff;
- }
- #nav li a:hover {
- background-color:#33ABFF;
- padding-bottom:10px;
- border-bottom:2px;
- border-bottom-color:#000000;
- border-bottom-style:solid;
- }