JSFiddle - React, Tailwind, and code Playground

HTML

<div class="infoblock">
				<div class="infoblock_item_left clearfix">
					<div>
						<h3>
							<span>July 2010</span><br>Our Humble Beginning
						</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.
						</p>
					</div>
					<img src="https://i.pinimg.com/280x280_RS/2d/77/3c/2d773c806a7cecc765d524c432a8c6e2.jpg" alt="info">
				</div>
				<div class="infoblock_item_right clearfix">
					<div>
						<h3>
							<span>July 2010</span><br>Our Humble Beginning
						</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.
						</p>
					</div>
					<img src="https://i.pinimg.com/280x280_RS/2d/77/3c/2d773c806a7cecc765d524c432a8c6e2.jpg" alt="info">
				</div>

CSS

.clearfix:after {
	content: "";
	display: table;
	width: 100%;
	clear: both;
}
/* работает*/
.infoblock_item_left div {
	float: left;
}
/* не работает*/
.infoblock_item_right div {
	float: right;
}