website/webdevelopment/introductiontocss/samples/float.css

#floating_image {
	float: left;
	margin: 10px;
}

#floating_image {
	margin: 10px;
}

#header {
	width: 100%;
	height: 100px;
	text-align: end;
	font-size: 24px;
	text-align: end;
	background-color: gray;
	color: darksalmon;
}

#sidebar {
	width: 25%;
	height: 200px;
	font-size: 24px;
	text-align: end;
	float: left;
	background-color: darkblue;
	color: cyan;
}

#content {
	width: 50%;
	height: 200px;
	font-size: 24px;
	text-align: end;
	float: right;
	background-color: darkgreen;
	color: lightseagreen;
}

#footer {
	width: 100%;
	height: 100px;
	font-size: 24px;
	text-align: end;
	background-color: darkorange;
	color: lightyellow;
}

#header1 {
	width: 100%;
	height: 100px;
	text-align: end;
	font-size: 24px;
	text-align: end;
	background-color: grey;
	color: darksalmon;
}

#sidebar1 {
	width: 30%;
	height: 200px;
	font-size: 24px;
	text-align: end;
	float: left;
	background-color: darkblue;
	color: cyan;
}

#content1 {
	width: 70%;
	height: 200px;
	font-size: 24px;
	text-align: end;
	float: right;
	background-color: darkgreen;
	color: lightseagreen;
}

#footer1 {
	width: 100%;
	height: 100px;
	font-size: 24px;
	text-align: end;
	clear: both;
	background-color: darkorange;
	color: lightyellow;
}