JSFiddle - React, Tailwind, and code Playground

by Madalina Taina

HTML

<img src="https://static.pexels.com/photos/33695/matryoshka-red-fly-agaric-mushroom-mushrooms-forest-medium.jpg" alt="" />
<div class=div1>
<p>Lorem ipsum dolor sit amet, cum no paulo mollis pertinacia. Eam in velit graecis, sea mucius insolens ne. Amet doming at has, omnis errem an cum. Eu vim appareat persecuti, ea putant definitionem has, vis ea legendos expetenda. No eros graeci minimum nam, justo augue instructior usu ne. At ludus suscipit disputationi vel.</p>

<p>Ad case omnis nam, mutat deseruisse persequeris eos ad, in tollit debitis sea. Cu eos munere virtute vituperata. Exerci bonorum sed id, id nec tantas praesent complectitur. Vel cu legendos mediocritatem. Enim liberavisse ei sea.</p>
</div>

<img src="https://static.pexels.com/photos/129574/pexels-photo-129574-medium.jpeg" alt="" />
<div class=div2>
<p>Lorem ipsum dolor sit amet, cum no paulo mollis pertinacia. Eam in velit graecis, sea mucius insolens ne. Amet doming at has, omnis errem an cum. Eu vim appareat persecuti, ea putant definitionem has, vis ea legendos expetenda. No eros graeci minimum nam, justo augue instructior usu ne. At ludus suscipit disputationi vel.</p>

<p>Ad case omnis nam, mutat deseruisse persequeris eos ad, in tollit debitis sea. Cu eos munere virtute vituperata. Exerci bonorum sed id, id nec tantas praesent complectitur. Vel cu legendos mediocritatem. Enim liberavisse ei sea.</p>
</div>

CSS

img{
  float:left;
  width:100px;
  margin:0 10px;
}
.div1{
  background:#f1f1f1;
}
.div2{
  background:#f1f1f1;
  overflow:hidden;
  /* creates block formatting context */
}