Box Model Diagram

Here is some text in a <p> element. The black line is the border. The light gray (#CECFCE) inside the black line is the padding. The dark gray (#7B827B) outside the black line is the margin.

CSS:

body {
	background-color:#7B827B;
}
p {
	background-color:#CECFCE;
	border-width:thick;
	border-color:#000;
	border-style:solid;
	padding:20px;
	margin:20px;
}