Skip to content

Whitespace

Below, utility classes to apply white-space property.

ClassProperties
.whitespace-normalwhite-space: normal;
.whitespace-nowrapwhite-space: nowrap;

Example(s)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget tempor velit. Duis dapibus convallis lacus et semper. Cras dictum porttitor facilisis. Sed a sapien fringilla, tincidunt nunc et, sollicitudin lacus. Etiam ut lorem nisl. Quisque quis euismod odio. Integer pharetra eros in turpis vestibulum, ac bibendum elit vehicula. Fusce ultricies, erat vitae pharetra placerat, risus mi tristique urna, sit amet commodo erat lectus ac felis.
html
<p class="whitespace-normal">Lorem ipsum dolor sit amet...</p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget tempor velit. Duis dapibus convallis lacus et semper. Cras dictum porttitor facilisis. Sed a sapien fringilla, tincidunt nunc et, sollicitudin lacus. Etiam ut lorem nisl. Quisque quis euismod odio. Integer pharetra eros in turpis vestibulum, ac bibendum elit vehicula. Fusce ultricies, erat vitae pharetra placerat, risus mi tristique urna, sit amet commodo erat lectus ac felis.
html
<div class="overflow-x-auto">
  <p class="whitespace-nowrap">Lorem ipsum dolor sit amet...</p>
</div>

Released under the Beerware 🍺 License.