Har gjort en meny med hjälp av <ul> och <li>.. men jag kan bara köra float:left och float:right ... men jag vill centrera menyn? Går inte det eller?
Har sökt på forumet här men hittade ingen som hade det problemet.
<html>
<head>
<title>Titeln</title>
<style type="text/css">
body {
background:#FFF;
margin:10px 10px 0px 10px;
}
#meny {
padding:0em;
margin:0em;
border:1px solid #000;
}
ul#navlist {
padding: 0;
margin: 0;
list-style-type: none;
float:left;
}
ul#navlist li { display: inline; }
ul#navlist li a
{
float: left;
width: 7em;
color: #fff;
background-color: #7B7B7B;
padding: 0.6em 1em;
font-family:verdana;
font-size:0.7em;
display: block;
text-align: center;
text-decoration: none;
border-right: 1px solid #fff;
}
ul#navlist li a:hover
{
background-color: #B9B9B9;
color: #fff;
}
</style>
</head>
<body>
<ul id="navlist">
<li><a href="#">Länk 1</a></li>
<li><a href="#">Länk 2</a></li>
<li><a href="#">Länk 3</a></li>
<li><a href="#">Länk 4</a></li>
<li><a href="#">Länk 5</a></li>
</ul>
</body>
</html>