JSFiddle - React, Tailwind, and code Playground

HTML

<section class="container">
    <div class="left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, consequuntur.</div>
    <div class="right">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor similique exercitationem reiciendis doloribus animi cupiditate laborum, mollitia ipsum ad? Perspiciatis?</div>
</section>

CSS

html, body {
        color:#fff;
    }
    .container {
        background: linear-gradient(to right, #ff9e2c 0%, #ff9e2c 50%, #b6701e 50%, #b6701e 100%);
        height: 500px;
        width: 100%;
    }
    .left {
        width: 50%;
        padding: 10px;
         vertical-align: top;
    }
    .right {
        padding: 10px;
        width: 40%;
        vertical-align: top;
    }
.left, .right {display: inline-block;}