is now part of Shuffle™. You can use the editor on this domain, but we encourage you to try Shuffle →. Shuffle™ includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI.
← Tailwind CSS classes list

Tailwind CSS class: .float-*

<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>
  <img class="float-right 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>
  <img class="float-none 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>
</div>

Preview

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS source

.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }

More in Tailwind CSS Positioning