JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
  <div class="one">one</div>
  <div class="two">two</div>
  <div class="marginfix">three para here three para here three para here three para here three para here three para here three para here three para here three para here three para here three para here three para here three para here three para here three para here three para here three para here three para here three para here three para here three para here three para here three para here three para here three para here </div>
</div>

CSS

.wrap{
  width: 500px;
  background-color: red; 
  position: relative;
  margin: 0 auto;
}
.one{
    background-color: blue;
  width: 200px;
  float: left;
}
.two{
  width: 200px;
  float: right;
    background-color: yellow;
}
.marginfix{

}

JavaScript

I have cleared the margin value of marginfix

place     margin: 0 200px;
in the marginfix to see how it works.