JSFiddle - React, Tailwind, and code Playground

by Jayson Buquia

HTML

<div class="test">
  <div class="child">
    <div class="float">
    Floated Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat magnam iste libero corporis aspernatur quidem aliquam, dicta illo facilis placeat necessitatibus officiis dolorum nostrum quae, perspiciatis ipsum optio delectus laudantium.
  </div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis deleniti laborum illo in amet, magni repellat illum maiores vel, qui at commodi voluptatum eveniet, modi alias officia pariatur sit et?</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero consectetur, cumque sunt est excepturi pariatur error eum debitis sed veritatis obcaecati modi, assumenda, provident distinctio dolor! Natus labore minima explicabo.</p>
</div>
</div>

CSS

.test {
  
}

child {
  display: contents;
}

.child p {
  float: left;
  /* display: contents; */
}

.float {
  display: contents;
  float: right;
  width: 150px;
}