Tailwind CSS class .clearfix

<div class="p-4">
  <img class="float-left mr-4 my-2 h-24" src="https://tailwind.build/placeholders/pictures/office.jpg">
  <p class="clearfix">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>

&::after {
  content: "";
  display: table;
  clear: both;
}