Witam, mam pytanie jak wyśrodkować przyciski w menu
https://zapodaj.net/0e10e0d7c0f8e.jpg.html
<center>
<div id="menu">
<div class="option"><a href="index.html">Home</a></div>
<div class="option"><a href="index.html">SMS</a></div>
<div class="option"><a href="index.html">Mapy</a></div>
<div class="option"><a href="index.html">Gry</a></div>
<div class="option"><a href="index.html">Dodatki na bloga</a></div>
<div class="option"><a href="index.html">Newsy</a></div>
<div class="option"><a href="index.html">Sport</a></div>
<div class="option"><a href="index.html">Sport</a></div>
<div class="option"><a href="index.html">Pogoda</a></div>
<div class="option"><a href="index.html">Więcej</a></div>
</div>
</center>
#menu
{
background-color: #00B3FF;
width: 1000px;
height: 40px;
padding:20px;
text-align: center;
font-size: 18px;
align: center
}
.option
{
font-size:18px;
height:15px;
padding: 10px;
border: 2px dotted #444444;
float: left;
}
.option:hover
{
background-color: #f36742;
color: white;
cursor: pointer;
}