block og center virker ikke som jeg vil ha det til
Jeg er ved at lave en vandret liggende menu på en hjemmeside. Jeg har lavet en menu div, der har en fast brede. I den har jeg en række menupunkter, som jeg gerne vil have centreret der i. Det er også meget let lavet. Problemet er så, at jeg også gerne vil have menu punkterne så store at de er lette at ramme, derfor vil jeg have menu punkterne som blocks (jeg tilføjer de 2 første linier i '#menu a' i koden her under). Når jeg gør det, springer texten i menuen ud til venstre. Hvad gør jeg galt?<html>
<head>
<style>
#menu {
padding-top:5px;
width: 1000px;
margin: 0 auto;
height: 30px;
border-bottom:1px solid #999;
text-align: center;
}
#menu a {
float: left;
display: block;
padding: 2px 10px;
line-height: 30px;
color: #999;
}
#menu a:hover {
color:#333;
}
</style>
</head>
<body>
<div id="menu">
<a href=''>Side 1</a>
<a href=''>Side 2</a>
<a href=''>Side 3</a>
</div>
</body>
</html>
