JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="item1">блок1</div>
	<div class="item2">блок2</div>
    <div class="item1">блок1</div>
	<div class="item2">блок2</div>
    <div class="item1">блок1</div>
	<div class="item2">блок2</div>
</div>

CSS

.container {
	width: 500px;
	height: 0px;
	border: 1px green solid;
}

.item1 {
  width: 300px;
	height: 100px;
	border: 1px blue solid;
    float: left;
}

.item2 {
   width: 200px;
	height: 100px;
	border: 1px black solid;
	float:right
	display: inline-block;
	margin-left:300px;
}