JSFiddle - React, Tailwind, and code Playground
HTML
<div class="wrap">
<div class="one">one</div>
<div class="two">two</div>
<div class="marginfix">three</div>
</div>CSS
.wrap{width: 500px; background-color: red; position: relative; margin: 0 auto;}
.one{width: 200px;background-color: green;float: left; }
.two{width: 200px; float: right;background-color: yellow;}
.marginfix{margin: 0 210px;}