Разноцветные блоки

by pharma_nsk

HTML

<body>
<div class="all">
<div class="red">
</div>
<div class="green">
</div>
<div class="blue">
</div>
<div class="yellow">
</div>
</div>
</body>

CSS

body {background-color:#00ABAB;}
.all {height:300px; width:400px; border:2px solid black; margin:30px auto;}
.red {display:block; height:60px; width:80px; border:2px solid black; margin:30px 20px 30px 40px; background-color:red;float:left;}
.green {display:block; height:150px; width:200px; border:2px solid black; margin:30px 40px 30px 0px; background-color:green;float:right;}
.blue {display:block; height:150px; width:80px; border:2px solid black; margin-left:40px; background-color:blue;float:left;}
.yellow {display:block; height:60px; width:200px; border:2px solid black; margin-right:40px; background-color:yellow;float:right;}