Tailwind CSS Classes

Tailwind CSS class .clear-right

<div class="p-4">
  <img class="float-left mr-4 my-2 h-24" src="https://tailwind.build/placeholders/pictures/office.jpg">
  <img class="float-right ml-4 my-2 h-32" src="https://tailwind.build/placeholders/pictures/office.jpg">
  <p class="clear-right">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam venenatis et lorem sit amet vehicula. Etiam vel nibh nec nisi euismod mollis ultrices condimentum velit. Proin velit libero, interdum ac rhoncus sit amet, pellentesque ac turpis. Quisque ac luctus turpis, vel efficitur ante. Cras convallis risus vel vehicula dapibus. Donec eget neque fringilla, faucibus mi quis, porttitor magna. Cras pellentesque leo est, et luctus neque rutrum eu. Aliquam consequat velit sed sem posuere, vitae sollicitudin mi consequat.</p>
</div>

Preview

Are you tired of writing HTML by hand?

CSS source

.clear-right {
    clear: right;
}

More Tailwind CSS classes in Positioning category

© 2024 Shuffle. All rights reserved.