en en en en es en en ceb en en en en en en en en en en en en en en en en en en en en en en en en en en hi en en en en en en en en en en en en en kn en en en en en en en pt en en en fr en en en en en en en fr en en en en en en en en en th en en sv la en en en en en en ca en en en en kn pl en en en en en en en en fa kn en en en en en en en en en en en en en en en pt en pl pl pl en es en en en en fa ja en en en fr ru eo fr fr en fi en en en en en en en en ro en en en ru en en en ru ca en en en en en en en en en en en en en en ar it en en en en en en en la en en la en en la en en la en en la en en en en en en en en en en en en en en en en en en en en en en en en en en en de en en en en en en
White space | Utilities | Zenplates
Themes Extensions Patterns Apps Services Documentation Contact us Buy now
No search results to display
Adding a logo and favicon
Adding a notification banner
Adding Font Awesome icons
Utilities for controlling an element’s white-space property.
Use .white-space-normal to cause text to wrap normally within an element. Newlines and spaces will be collapsed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et dolor sapien. Nunc lobortis dui risus, sed placerat nulla eleifend sit amet. Nam lacinia diam in erat faucibus aliquet. Sed ac ultrices elit.
Use .white-space-no-wrap to prevent text from wrapping within an element. Newlines and spaces will be collapsed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et dolor sapien. Nunc lobortis dui risus, sed placerat nulla eleifend sit amet. Nam lacinia diam in erat faucibus aliquet. Sed ac ultrices elit.
Use .whitespace-pre to preserve newlines and spaces within an element. Text will not be wrapped.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et dolor sapien. Nunc lobortis dui risus, sed placerat nulla eleifend sit amet. Nam lacinia diam in erat faucibus aliquet. Sed ac ultrices elit.
Use .whitespace-pre-line to preserve newlines but not spaces within an element. Text will be wrapped normally.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et dolor sapien. Nunc lobortis dui risus, sed placerat nulla eleifend sit amet. Nam lacinia diam in erat faucibus aliquet. Sed ac ultrices elit.
Use .whitespace-pre-wrap to preserve newlines and spaces within an element. Text will be wrapped normally.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et dolor sapien. Nunc lobortis dui risus, sed placerat nulla eleifend sit amet. Nam lacinia diam in erat faucibus aliquet. Sed ac ultrices elit.
By default, no responsive or hover-state variants are generated for white-space utilities.
To include responsive variants like .md:white-space-pre, add "white-space" to the $responsive-variants variable in your theme’s _variables.scss file when recompiling your CSS:
$responsive-variants: ( // ... "white-space", );
To include hover-state variants like .hover:white-space-pre, add "white-space" to the $hover-variants variable:
$hover-variants: ( // ... "white-space", );
Questions or feedback about this article? Let us know
Themes Extensions Patterns Apps
Documentation Blog Billing portal Contact us Support
We build software that lets you deliver the best possible experience to your customers.
Zenplates is an authorized Zendesk theme developer partner
Terms and conditions Privacy policy
Provide details about your purchase to unlock this and other code examples throughout the website.
The email address used for the purchase
The subdomain of your Zendesk account
Product Select a product The Complete Package Ada theme Arya theme Azura theme Bing theme Braxton theme Dex theme Duke theme Fitzgerald theme Hansel theme Indigo theme Ivy theme Jade theme Juno theme Jupiter theme Kai theme Leopold theme Lorde theme Milo theme Oden theme Pierce theme Rebel theme Ruby theme Rosetta theme Shine theme Thora theme Xavier theme Zane theme Zephyr theme