Untitled

<html>
<head>
<meta charset="UTF-8">
<title>asd</title>
</head>
<style>
.clear
{
clear:both;
}
#pudelko
{
margin:auto;
height:900px;
width:600px;
background-color:black;
}
#planeta1
{
width:600px;
height:100px;
text-align:center;
background-color:black;
color:white;
font-size:25pt;
}
#planeta2
{
width:150px;
height:200px;
background-color:green;
color:white;
text-align:center;
float:left;
}
#obrazek1
{
width:300px;
height:200px;
float:left;
}
#opis1
{
text-align:justify;
float:right;
width:150px;
height:200px;
color:white;
background-color:green;
}
#planeta3
{
width:600px;
height:100px;
text-align:center;
background-color:black;
color:white;
font-size:25pt;
}
#planeta4
{
width:150px;
height:200px;
background-color:black;
color:white;
text-align:center;
float:left;
background-color:orange;
}
#obrazek2
{
width:300px;
height:200px;
background-color:black;
float:left;
}
#opis2
{
text-align:justify;
float:right;
color:white;
background-color:orange;
width:150px;
height:200px;
}
#planeta5
{
width:600px;
height:100px;
text-align:center;
background-color:black;
color:white;
font-size:25pt;
}
#planeta6
{
width:150px;
height:200px;
background-color:blue;
color:white;
text-align:center;
float:left;
}
#obrazek3
{
width:300px;
height:200px;
background-color:black;
float:left;
}
#opis3
{
text-align:justify;
float:right;
color:white;
background-color:blue;
width:150px;
height:200px;
}
</style>
<body>
<div id="pudelko">
<div id="planeta1">PLANETA1</div>
<div id="planeta2">P1</div>
<div id="opis1">Jowisz – piąta w kolejności oddalenia od Słońca i największa planeta Układu Słonecznego[a]. Jego masa jest nieco mniejsza niż jedna tysięczna masy Słońca.</div>
<div id="obrazek1"><img src="jowisz.jpg" width="300" height="200"></div>
<div class="clear"></div>
<div id="planeta3">PLANETA2</div>
<div id="planeta4">P2</div>
<div id="opis2">Mars – czwarta według oddalenia od Słońca planeta Układu Słonecznego. Nazwa planety pochodzi od imienia rzymskiego boga wojny – Marsa.</div>
<div id="obrazek2"><img src="mars.jpg" width="300" height="200"></div>
<div class="clear"></div>
<div id="planeta5">PLANETA3</div>
<div id="planeta6">P3</div>
<div id="opis3">Wenus – druga pod względem odległości od Słońca planeta Układu Słonecznego. Jest trzecim pod względem jasności ciałem niebieskim widocznym na niebie, po Słońcu i Księżycu.</div>
<div id="obrazek3"><img src="venus.jpg" width="300" height="200"></div>
<div class="clear"></div
</div>
</body>
</html>