JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box">
  <div class="img"></div>
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam pariatur inventore ullam ut perspiciatis esse, rem veritatis assumenda eaque id odit facere vero aperiam repellat error, eveniet. Autem beatae, ex!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam pariatur inventore ullam ut perspiciatis esse, rem veritatis assumenda eaque id odit facere vero aperiam repellat eLorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam pariatur inventore ullam ut perspiciatis esse, rem veritatis assumenda eaque id odit facere vero aperiam repellat error, eveniet. Autem beatae, ex!rror, eveniet. Autem beatae, ex!</div>
</div>

CSS

* {
  box-sizing: border-box;
}
body {
  margin: 0;
  fo
}
div.box {
  width: 100%;
}
div.box:after {
  content: '';
  display: table;
  clear: both;
}
div.img {
  width: 50%;
  height: 100px;
  background: red;
  float: left;
}