Page Navigation:

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> heading Secondary heading

<h2> heading Secondary heading

<h3> heading Secondary heading

<h4> heading Secondary heading

<h5> heading Secondary heading
<h6> heading Secondary 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

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 item
  4. Sub-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