website/webdevelopment/csslayouts/css/float.css

/* 
 *	these CSS rules only apply to a single
 *  page because they are used to demonstrate
 *  some points by adding styles to various
 *  elements used as examples.
*/

.highlight {
	background-color: yellow;
}

.layout {
	border: #000000 thin solid;
}

.width {
	font-size: 72px;
}

.padding {
	padding: 20px;
}

.margin {
	margin: 20px;
}

.border {
	border: solid 20px black;
}

#main-panel {
	height: 200px;
}

#main-panel-1 {
	height: 200px;
}

#sidebar {
	height: 200px;
	width: 200px;
	float: left;
}