block float example

by katalin_2003

HTML

<div class="block pink float">PINK BLOCK</div>
<div class="block blue float">BLUE BLOCK</div>

<div class="block green float">LIGHT GREEN BLOCK</div>
<div class="block orange float">ORANGE BLOCK</div>
<div class="block green2 clear">GREEN BLOCK</div>

CSS

body {
	font-family: sans-serif;
}

.block {
  width: 200px;
  height: 200px;
}


.float { float: left; }
.clear { clear: left; }
.pink { background: #ee3e64; }
.blue { background: #44accf; }
.green { background: #b7d84b; }
.green2 { background: #339933; }
.orange { background: #E2A741; }
.clear2 { clear: right; }