JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
    <div id="left">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam volutpat, enim nec imperdiet bibendum, sem neque lacinia nunc, et vulputate ante tellus sit amet nunc. Aenean tristique convallis lacus, in varius tellus feugiat et. Mauris nisl nulla, varius ut rhoncus eu, fringilla eget est. Nunc at cursus dolor. Quisque eget tellus orci. Aliquam erat volutpat. In hac habitasse platea dictumst. Nulla egestas, lectus ac fringilla sagittis, lacus turpis sagittis orci, vitae tempor eros justo at purus. Morbi scelerisque auctor iaculis. Integer sit amet eros diam. In adipiscing faucibus risus, sed volutpat sem lobortis porta. Ut non ipsum turpis, in dapibus lacus. Vestibulum a nisl ligula, ut vulputate metus.</p>
    </div>
    <div id="right">
        <p>Etiam magna enim, semper ac convallis nec, volutpat eu risus. Vestibulum in ante tortor. Sed ut quam a urna sodales suscipit. Donec id diam id felis scelerisque viverra. Vivamus sed arcu augue, at ultricies justo. Nulla convallis elementum erat a placerat. Morbi est metus, pellentesque ac pellentesque in, hendrerit in tortor. Nullam tincidunt ultrices quam at faucibus. Vestibulum sit amet suscipit lectus. Donec fringilla rutrum velit, at blandit nisi rutrum vitae.</p>
    </div>
</div>

CSS

#wrap {
    width: 400px;
    margin: 0 auto;
    
    padding: 10px;

    background-color: red;
    -webkit-box-shadow:  0px 0px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 0px 1px 2px rgba(0, 0, 0, 0.3);
}
    
#left {
    width: 250px;
    float: left;
}
    
#right {
    width: 100px;
    float: right;
}