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: .truncate

<div class="w-64 bg-gray-200 m-2 truncate">
  <span>Lorem ipsum dolor sit amet,
    consectetur adipiscing elit. Pellentesque 
    justopurusulputateipsumgetsuereacilisisberoroiet pulvinar 
    felis. Vivamus ultricies rutrum, sed malesuada.
  </span>
</div>

Preview

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque justopurusulputateipsumgetsuereacilisisberoroiet pulvinar felis. Vivamus ultricies rutrum, sed malesuada.

CSS source

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

More in Tailwind CSS Text