Float 1

by fersterin

HTML

<div class="dog1"></div>
<div class="dog2"></div>
<div class="dog3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non enim pariatur, nam natus neque, iste quis voluptate. Molestiae nobis quisquam sapiente labore fuga.</div>
<div class="dog4"></div>

CSS

.dog1 {
	width: 100px;
	height: 100px;
	background: lightgreen;
	float: left;
}
.dog2 {
	width: 100px;
	height: 100px;
	background: tomato;
	float: right;
}
.dog3 {
	width: 150px;
	background: wheat;
	float: right;
}
.dog4 {
	width: 100px;
	height: 100px;
	background: tomato;
	float: left;
}