JSFiddle - React, Tailwind, and code Playground

HTML

<div class="progress">
				<div class="progress_item_left clearfix">
					<div>
						<h3>
							December 2012<br>Enter The Dark Days
						</h3>
						<p>
							Proin iaculis purus consequat sem cure<br>digni ssim. Donec porttitora entum suscipit<br>aenean rhoncus posuere odio in tincidunt. Proin<br>iaculis purus consequat sem cure digni.
						</p>
					</div>
					<img src="https://pp.userapi.com/c849216/v849216222/10a4dc/d76xpOKUMXc.jpg?ava=1about1.jpg" alt="our progress">	
				</div>
				<div class="progress_item_right clearfix">
					<img src="https://pp.userapi.com/c849216/v849216222/10a4dc/d76xpOKUMXc.jpg?ava=1" alt="our progress">
					<div>
						<h3>
							January 2011<br>Facing Startup Battles
						</h3>
						<p>
							Proin iaculis purus consequat sem cure<br>digni ssim. Donec porttitora entum suscipit<br>aenean rhoncus posuere odio in tincidunt. Proin<br>iaculis purus consequat sem cure digni<br>ssim. Donec porttitora entum suscipit aenean<br>rhoncus posuere odio in tincidunt.
						</p>
					</div>
				</div>
			</div>

CSS

.clearfix:after {
	content: "";
	display: table;
	width: 100%;
	clear: both;
}
.progress_item_left {
	border: 1px solid red;
	padding-right: 1px;
}
.progress_item_left div {
	float: left;
	text-align: right;
}
.progress_item_left img {
	float: left;
	border: 1px solid red;
}
.progress_item_right {
	border: 1px solid red;
	padding-right: 1px;
	padding-left: 1px;
}
.progress_item_right div {
	float: right;
	border: 1px solid red;
}
.progress_item_right img {
	border: 1px solid red;
}