Tachyons is a CSS toolkit that is used to create a responsive website. In this article, we will learn how we can provide white space on a web page using the CSS toolkit named Tachyons.
Tachyons Typography White Space is used to control how whitespace is rendered.
Tachyons Typography White Space Classes:
ws-normal: This class is used to suppress white space characters and break lines based on the width of the element or the placement of a <br> tag.
nowrap: This class is used to keep all text on one line – often used in conjunction with truncation or a scrollbar. This may be beneficial for showing Unix style commands wherein indicating everything is on one line is essential for clarity.
pre: This class is used to preserve all whitespace and linebreaks and this is useful for displaying code or poetry. Simulates the rendering of the <pre> tag.
<element-name class=" ">
Example 1: In the below code, we will make use of the “ws-normal” class.
Please Login to comment...