Line breaking

HTML

<section class="body">
		<div class="item clearfix">
			<div class="left">
				text text text text text text text text text text text text text text 
			</div>
			<div class="right">text </div>
		</div>
		<hr>
		<div class="item clearfix">
			<div class="left">
				text text text text text text text text text text <br>
				<span>text text text text text </span>
			</div>
			<div class="right">text </div>
		</div>
		<hr>
		<div class="item clearfix">
			<div class="left">
				text text text text text text text text text 
			</div>
			<div class="right">text </div>
		</div>
		<hr>
		<div class="item clearfix">
			<div class="left">
				text text text text text <br>
				<span>text text text text text text text text text text text text text text text </span>
			</div>
			<div class="right">text </div>
		</div>
		<hr>
		<div class="item clearfix">
			<div class="left">
				text text text text text text text <br>
				<span>text text text text text text text </span>
			</div>
			<div class="right">text </div>
		</div>
		<hr>
		<div class="item clearfix">
			<div class="left">
				text text text text text text text text text <br>
				<span>text text text text text text </span>
			</div>
			<div class="right">text </div>
		</div>
	</section>

CSS

html, body, header, nav, footer, div, p, ul, li, a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 18px;
}


.clearfix:after {
	content: "";
	display: block;
 	clear: both;
}

hr {
	border: 0;
	height: 1px;
	background-color: #e9e9e9;
	margin: 16px 0;
}

section.body {
	max-width: 960px;
	min-width: 272px;
  padding: 24px
}

div.left {
	color: #1e344c;
	float: left;
}

div.left span {
	font-size: 14px;
	color: #666666;
}

div.right {
	float: right;
}