divy do lewej, do prawej i na środek

0 
<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<title>Najlepsze filmy!</title>
	<meta name="description" content="Przed Tobą spis moich ulubionych filmów. Sprawdź, czy znasz je wszystkie. Uczta dla kinomaniaka!" />
	<meta name="keywords" content="film, kino, najlepsze filmy, top filmy" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<link rel="stylesheet" href="styl.css" type="text/css"/>
</head>

<body>
	<div class="wrapper">
		<div class="left-top">Top</div>
		<div class="center">Centered</div>
		<div class="right-bottom">Bottom</div>
	</div>
</body>
</html>

 div.wrapper
{
	position: absolute;
	width: 100px
} 

div.left-top
{
	left: 10px;
	top: 10px;
	background-color: red;
	text-align: center
}

div.center
{
	background-color: green;
	text-align: center;
}

div.right-bottom
{
	right: 10px;
	bottom: 10px;
	background-color: blue;
	text-align: center;
}

Chciałbym aby poszczególne divy układały się przy lewej górnej krawędzi strony, na środku strony i przy prawej-dolnej krawędzi strony. Jak to zrobić najprościej, bo coś mi nie wychodzi, nie wiem czemu?

1

http://www.w3schools.com/css/css_float.asp

Ehh jak to mówią, programisty z ciebie nie będzie... ;/

1 użytkowników online, w tym zalogowanych: 0, gości: 1