is now part of Shuffle™. The new editor includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI.
Switch to Shuffle →
← Tailwind CSS classes list

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque justopurusulputateipsumgetsuereacilisisberoroiet pulvinar felis.

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.

Open in Visual Editor →

CSS source

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

More in Tailwind CSS Text