White space
These classes allows you to apply some white-space style on any HTMLElement
Preview
Wrap
Animi voluptatum necessitatibus dolor quo corporis ab sit perferendis. Praesentium aut sed perferendis. Inventore adipisci id alias.
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.
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.
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.
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.
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.
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.
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.
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.
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
-
s-white-space:wrap
Apply the
white-space
towrap
-
s-white-space:nowrap
Apply the
white-space
tonowrap
-
s-white-space:break-spaces
Apply the
white-space
tobreak-spaces
-
s-white-space:normal
Apply the
white-space
tonormal
-
s-white-space:pre
Apply the
white-space
topre
-
s-white-space:pre-line
Apply the
white-space
topre-line
-
s-white-space:pre-wrap
Apply the
white-space
topre-wrap
-
s-white-space:revert
Apply the
white-space
torevert
-
s-white-space:unset
Apply the
white-space
tounset