JSFiddle - React, Tailwind, and code Playground
HTML
<div id="container" class="clear">
<div id="leftSide">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis orci id mi viverra dignissim eget id tortor. Donec mattis dui at nunc ullamcorper fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur laoreet, diam ac auctor luctus, nibh mauris mollis tortor, et adipiscing massa dolor facilisis magna. Integer cursus viverra odio a consequat. Proin faucibus eleifend dolor eu pellentesque. Sed id lacus sit amet urna condimentum ullamcorper eget ut eros.
</div>
<div id="rightSide">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis orci id mi viverra dignissim eget id tortor. Donec mattis dui at nunc ullamcorper fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur laoreet, diam ac auctor luctus, nibh mauris mollis tortor, et adipiscing massa dolor facilisis magna. Integer cursus viverra odio a consequat. Proin faucibus eleifend dolor eu pellentesque. Sed id lacus sit amet urna condimentum ullamcorper eget ut eros.
</div>
<div id="bottomContainer">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis orci id mi viverra dignissim eget id tortor. Donec mattis dui at nunc ullamcorper fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur laoreet, diam ac auctor luctus, nibh mauris mollis tortor, et adipiscing massa dolor facilisis magna. Integer cursus viverra odio a consequat. Proin faucibus eleifend dolor eu pellentesque. Sed id lacus sit amet urna condimentum ullamcorper eget ut eros.
</div>
</div>
CSS
#container{
width: 960px;
margin: 0 auto;
}
.clear:after{
content: "";
display: block;
clear: both;
}
#leftSide{
width: 470px;
float: left;
border: 1px solid red;
}
#rightSide{
width: 470px;
float: right;
border: 1px solid red;
}
#bottomContainer{
float: left;
margin-top: 10px;
border: 1px solid red;
}