Use common text utilities to control alignment, wrapping, weight, and more.
Use text alignment utilities to easily align text in components.
`For left, right, and center alignment, Inkline provides you with responsive classes that use the same breakpoints as the grid system.
You can wrap text using the
._text-wrap utility class.
You can also prevent text from wrapping with a
._text-nowrap utility class.
Text wrapping utilities also come with breakpoint-specific classes, same as text alignment classes.
For longer content, adding the
._text-truncate utility class will truncate the text with an ellipsis. Truncation requires
display: inline-block or
Prevent long strings of text from breaking your layout by using
._text-break. Behind the scenes, it uses
overflow-wrap: break-word and
word-break: break-word for IE & Edge compatibility.
You can transform text in components using text capitalization classes.
You can change the weight (boldness) of your text italicize it using these utility classes.
Change your text to be monospaced using the
Remove text decoration using the
Make your text stand out less using the
Make your text or link inherit the parent's color using the