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;
}