website/webdevelopment/cssessentialtraining/samples/float4.css

/* CSS styles for my float demo page */

section {
	width: 1000px;
}

.header {
	background: red;
}

.sidebar {
	background: lime;
	width: 300px;
	height: 600px;
	float: left;
}

.main-content {
	background: yellow;
	width: 700px;
	height: 600px;
	float: left;
}

.footer {
	background: orange;
}

.clearfix1::after {
	content: "";
	display: table;
	clear: both;
}