Stronka klasowa

pytanie zadane 16 kwietnia 2016 w HTML i CSS przez Einstein21 Obywatel (1,420 p.)
zamknięte 16 kwietnia 2016 przez Einstein21

Witam.

Dostałem zadanie aby zrobić strone internetową mojej klasy. Nie jest to zadanie obowiązkowe ale mam nadzieje zadobyć jakąś ocenę.
Jednak prawie na początku natrafiłem na problem:

Chciałbym aby ten "topbar" był całkowicie wyśrodkowany. Oto kod HTML:

<!DOCTYPE HTML>
<html lang="pl">
	
<head>
	<meta charset="utf-8"/>
	<title></title>
	<meta name="description" content=""/>
	<meta name="keywords" content= ""/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<link rel="stylesheet" href="style.css" type="text/css"/>
    <link href='https://fonts.googleapis.com/css?family=Lobster|Cuprum|Comfortaa&subset=latin,latin-ext' rel='stylesheet' type='text/css'> 
</head>

<body>
    <div id="topbar">
        <div class="button" style="margin-right:100px;">Plan lekcji</div>
        <div id="logo">Klasa 1C</div>
        <div class="button" style="margin-left:100px;">Lista uczniów</div>
        <div style="clear:both;"></div>
    </div> 
    <div id="container">
        
     

     </div>
</body>

</html>

A to CSS:

body
{
    /* Background pattern from subtlepatterns.com */
    background-image: url("tlo.png");
    font-family: 'Cuprum', sans-serif;
    margin: 0 !important;    
}

#topbar
{
    font-family: 'Lobster', cursive;
    font-size: 48px;
    background-color: darkgreen;
    width: 100% !important;
    text-align: center;
    padding: 10px;
    letter-spacing: 3px;
    color:red;
    
    
}


#logo
{
    margin-left: auto;
    margin-right: auto; 
    float:left; 
}

.button
{
    float:left;
    background-color: #668866;
    padding: 5px;
    font-size: 30px;
}

#container
{
    background-color: #1E321E;
    width: 1000px;
    margin-top:50px;
    margin-left: auto;
    margin-right: auto;
    height: 400px;
    
}

komentarz zamknięcia: Zrobiłem to w inny sposób.