Jak wysrodkowac divy w divie ?

pytanie zadane 21 września 2015 w HTML i CSS przez Duduś Początkujący (380 p.)

Jak wysrodkować opcje w divie menu ?



<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	
	<title> Budowa Komputera</title>
	
	<meta name="description" content="Strona opisująca Budowe naszego komputera stacjonarnego." />
	<meta name="keywords" content="Budowa komputera, pc, budowa kompa" />
	<link rel="stylesheet" href="style.css" type="text/css" />
	<link href='https://fonts.googleapis.com/css?family=Lato:900,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    
</head>
<div id="pojemnik">

<div id="logo">
Budowa Komputera
</div>
<div id="menu">
<div class="option"> <a href="glowna.html" style="text-decoration: none;" >Strona Główna</a></div>
<div class="option"> <a href="cpu.html" style="text-decoration: none;" >Procesor</a></div>
<div class="option"> <a href="gpu.html" style="text-decoration: none;" >Karta Graficzna</a></div>
<div class="option"> <a href="ram.html" style="text-decoration: none;" >Pamięć Ram</a></div>
<div class="option"> <a href="plyta.html" style="text-decoration: none;" >Płyta Główna</a></div>
<div class="option"> <a href="dysk.html" style="text-decoration: none;" >Dysk Twardy</a></div>
<div class="option"> <a href="dzwiek.html" style="text-decoration: none;">Karta Dźwiękowa</a></div>
<div class="option"> <a href="siec.html" style="text-decoration: none;" >Karta Sieciowa</a></div>
<div class="option"> <a href="obudowa.html" style="text-decoration: none;" >Obudowa</a></div>
</div>
<div id="content">
Czemu tak si
</div>
    
<div id="content">
</div>

</div>




	
	
</body>
</html>
========================CSS=======================
body
{
	font-family: 'Lato', sans-serif;
	background-color:white;
}
#pojemnik
{
	margin-left:auto;
	margin-right:auto;
}
#logo
{
	background-color:#0066ff;
	height:54px;
	text-align:center;
	padding:5px;
	font-size:44px;
	color:white;
	font-weight:900;
}
#content
{
	background-color:#0066ff;
	
}
#menu
{
	text-align:center;
	border: 5px solid #0066ff;
	padding:10px;
	font-size:16px;
	height:26px;
	background-color:#0066ff;
}
.option
{
	float:left;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
}
.option:hover
{
	background-color:#66ccff;
	
}
a:link { color:white; }
a:visited { color:white;}
a:hover { color:white;}