/

Typography


Heading elements

h1 heading

h2 heading

h3 heading

h4 heading

h5 heading
h6 heading

Heading classes

.h1 heading

.h2 heading

.h3 heading

.h4 heading

.h5 heading

.h6 heading

Secondary headings

h1 headingSecondary heading

h2 headingSecondary heading

h3 headingSecondary heading

h4 headingSecondary heading

h5 headingSecondary heading
h6 headingSecondary heading

Display headings

Display heading 1

Display heading 2

Display heading 3

Display heading 4

Display heading 5

Display heading 6

Lead paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.

Inline elements

Highlighted text.

Deleted text.

Text that is incorrect.

Inserted text.

Underlined text.

Fine print.

Strong text.

Emphasized text.

Bold text.

Alternate voice, technical term etc.

Inline styles using classes

Highlighted text.

Fine print.

Underlined text.

Text that is incorrect.

Abbreviations

attr

[initialism]html

Blockquotes

Default

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.

Attribution

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.

Alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.

Unstyled lists

Unordered lists

  • First item
  • Second item
  • Third item
  • Sub-items:
    • First sub-item
    • Second sub-item
    • Third sub-item
  • First item
  • Second item
  • Third item
  • Sub-items:
    • First sub-item
    • Second sub-item
    • Third sub-item

Ordered lists

  1. First item
  2. Second item
  3. Third itemSub-items:
    1. First sub-item
    2. Second sub-item
    3. Third sub-item
  1. First item
  2. Second item
  3. Third item
  4. Sub-items:
    1. First sub-item
    2. Second sub-item
    3. Third sub-item

Inline lists

Unordered lists

  • First inline item
  • Second inline item
  • Third inline item

Ordered lists

  1. First inline item
  2. Second inline item
  3. Third inline item

Description lists

Term
Description
Very long and truncated term
Description
Term
Nested term
Nested description
Very long and truncated term
Nested description