wyśrodkowanie zawartości strony <body>

pytanie zadane 27 października 2016 w HTML i CSS przez neurito Nowicjusz (240 p.)

Witam, zaczynam naukę html i css i mam problem:

Jak wyśrodkować zawartość strony?

<!DOCTYPE HTML>
<html lang="pl">

<head>
	<meta charset="utf-8"/>
	<title> Portfolio</title>
	<meta name="descryption" content="portfolio">
	<meta name="keywords" content="słowa kluczowe">
	<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>

	<div id="container"> 
		<div class="upbox"> 
			<div class="logo"> LOGO </div>
			<div class="about"> tekst 1</div>
			<div class="kontakt"> tekst 2 </div>						
		</div>
		<div class="content"> 
		<div class="text"> kontent </div>
		<div class="rightbox"> prawy box długi </div>
		</div>
		<div class="footer"> stopka </div>
	</div>

</body>

body {background-color:#000066; color:white; }
#container
{
	margin:0 auto;
}

.upbox
{
	height:100px;
	width:1000px;
	background-color:red;
}

.logo
{
	height: 100px;
	width: 300px;
	background-color: green;
	margin-left:10px;
	float:left;
	
}

.about
{
	height: 100px;
	width: 300px;
	background-color: blue;
	margin-left:10px;
	float:left;
}

.kontakt
{
	height: 100px;
	width: 300px;
	background-color: #336633;
	margin-left:10px;
	float:left;
}

.content
{
	height:500px;
	width:1000px;
	background-color:black;
}

.text
{
  height:500px;
  width: 700px;
  background-color: #99ccff;
  float:left;
}

.rightbox
{
  height:500px;
  width: 300px;
  background-color: #00ccff;
  float:left;
}

.footer
{
	height: 50px;
	width:1000px;
	background-color:#003333;
}