White space

These classes allows you to apply some white-space style on any HTMLElement

Platform  
css
   â”‚    Support  
Chromium supported
Firefox supported
Safari supported
Edge supported
Since  2.0.0
   â”‚   
Olivier Bossel
Olivier Bossel
   â”‚   
beta

  Preview

Wrap

Animi voluptatum necessitatibus dolor quo corporis ab sit perferendis. Praesentium aut sed perferendis. Inventore adipisci id alias.

 

Loading code example. Please wait...

Nowrap

Dolor molestias libero explicabo dolorum et. Accusantium aut vitae impedit dolore nesciunt reiciendis soluta nobis. Repellat omnis ad. Quos dolores molestiae mollitia illo voluptatem. Deserunt consequatur omnis dolorum.

 

Loading code example. Please wait...

Break spaces

Impedit dolores officia. Velit unde id vitae sint vel doloribus quia et qui. Fugiat optio quaerat facere totam dolores laboriosam. Quidem tempora nisi ex totam autem repudiandae nihil molestiae. Illum quasi iure consectetur reprehenderit voluptatem nesciunt. Dolores eum fugiat nisi esse laborum id ut.

 

Loading code example. Please wait...

Normal

Dolor sit ipsam fugit asperiores ut. Deleniti dolorum doloribus quam. A esse aut dolorem deserunt. Et fugit est et cum est pariatur.

 

Loading code example. Please wait...

Pre

Inventore dolorum et. Ab expedita sed exercitationem repudiandae cupiditate quis vero ipsum. Dolorem minima magni amet est in saepe in. Debitis quia nihil rerum cumque occaecati quis dolor unde harum. Est minus alias ipsum rerum mollitia ullam et omnis. Deleniti impedit culpa ipsam molestiae dolore.

 

Loading code example. Please wait...

Pre-line

Maiores expedita nulla vel. Nemo at voluptatem. Ipsum praesentium vel excepturi omnis accusamus. Qui voluptas placeat tempore tenetur eum.

 

Loading code example. Please wait...

Pre-wrap

Dolorem blanditiis quis ab autem eos distinctio qui id. Quam autem officiis quo voluptas consequuntur. Reiciendis ipsum voluptas consectetur quam cupiditate et quas excepturi reprehenderit.

 

Loading code example. Please wait...

Revert

Vitae eos voluptas omnis eius eaque ullam ut et ut. Iure et aut nihil a et. Aut fugiat illo eaque magni. Cumque est totam maxime. Sit perspiciatis rerum aspernatur perferendis dicta rerum sed porro voluptas. Iusto ipsum dignissimos dolor dolorem odio.

 

Loading code example. Please wait...

Unset

Aut aliquam in at cum. Ad ratione eos maxime voluptatem rerum. Occaecati qui vel sapiente. Eum dolorum repellendus debitis delectus cum dolore vero ratione culpa. Labore commodi autem natus eligendi. Aut autem voluptatem et commodi sunt sed delectus aut aut.

 

Loading code example. Please wait...

  Install

  CSS Classes

  1. s-white-space:wrap

    Apply the white-space to wrap

  2. s-white-space:nowrap

    Apply the white-space to nowrap

  3. s-white-space:break-spaces

    Apply the white-space to break-spaces

  4. s-white-space:normal

    Apply the white-space to normal

  5. s-white-space:pre

    Apply the white-space to pre

  6. s-white-space:pre-line

    Apply the white-space to pre-line

  7. s-white-space:pre-wrap

    Apply the white-space to pre-wrap

  8. s-white-space:revert

    Apply the white-space to revert

  9. s-white-space:unset

    Apply the white-space to unset

Bugs
are not our friends...

Don't hesitate to declare an issue if something does not works as expected.

Declare my issue on Github Talk about it on Discord

The more we are,
the stronger we become.

Don't hesitate to tell some words to you friends about us. The goal is to became more and more each days to help each others...

Support us on Patreon! Share on Facebook! Make a tweet!

The more we are,
the stronger we become.

Don't be afraid to join us on Discord.

Join us on discord!

We love,
Open source!

All of our codebase can be found on Github. We hope that you may contribute to help us make our tools even better!

Discover our codebase!

Welcome on