Examples using standard h1 to h6 html tags
Examples using standard h1 to h6 html tags
Examples using heading-inverse css
Examples using heading-primary to heading-danger css
Utilities for controlling the leading (line height) of an element.
Lorem ipsum dolor sit amet.
Dolor sit amet.
Lorem ipsum dolor sit amet.
Dolor sit amet.
Lorem ipsum dolor sit amet.
Dolor sit amet.
Lorem ipsum dolor sit amet.
Dolor sit amet.
Easily realign text to components with text alignment classes.
Left aligned text on all viewport sizes.
Center aligned text on all viewport sizes.
Right aligned text on all viewport sizes.
Both aligned text on all viewport sizes. Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus.
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
Most designers set their type arbitrarily, either by pulling values out of the sky or by adhering to a baseline grid. The former case isn’t worth discussing here, but the latter requires a closer look.
You can use the mark tag to highlight text.
Utilities for controlling the tracking (letter spacing) of an element.
Lorem ipsum dolor sit amet. Tight letter spacing.
Lorem ipsum dolor sit amet. Normal letter spacing.
Lorem ipsum dolor sit amet. Wide letter spacing.