Margins and cleared floats

by kmouse

HTML

<div class="box">A</div>

<!-- Tests if this divider line has a margin to A or not. -->
<div class="divide"></div>

<div class="box">B</div>

CSS

.box {
  border: 2px solid #888;
  background: #bbf;
	width: 150px;
	height: 150px;
	float: left;
}


.divide {
	clear: both;
	margin: 50px 0;
	border-top: 2px solid #000;
}