Tailwind CSS Classes

Tailwind CSS class .break-words

<div class="h-32 w-64 bg-gray-200 m-2">
  <span class="break-words">Lorem ipsum dolor sit amet,
    consectetur adipiscing elit. Pellentesque 
    justopurusulputateipsumgetsuereacilisisberoroiet pulvinar 
    felis.
  </span>
</div>

Preview

CSS source

.break-words {
    overflow-wrap: break-word;
}

Check .break-words in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

More Tailwind CSS classes in Text category

© 2024 Shuffle. All rights reserved.