EXAMPLE
Run 
<!DOCTYPE html>
<html>

<head>
	<title>The clear property in CSS</title>
	<style type="text/css">
		.wrapper{
		  border:1px solid black;
		  padding:10px;
		}
		.right {
		  border: 1px solid black;
		  clear: right;
		}
		.black {
		  float: right;
		  margin: 0;
		  background-color: black;
		  color: #fff;
		  width:20%;
		}
		.red {
		  float: right;
		  margin: 0;
		  background-color: pink;
		  width:20%;
		}
		p {
		  width: 50%;
		}
	</style>
</head>

<body>
	<div class="wrapper">
		<p class="black">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus sit amet diam. Duis mattis varius dui. Suspendisse eget dolor.</p>
		<p class="red">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
		<p class="right">This paragraph clears right.</p>
	</div>
</body>

</html>