This is heading text

Heading 1 - 72px

This is heading text

Heading 2 - 56px

This is heading text

Heading 3 - 40px

This is heading text

Heading 4 - 32px

This is heading text

Heading 5 - 24px

This is heading text

Heading 6 - 20px

Heading style classes

Apply the following heading styles to default headings or other text to change the size to match a different heading size. For example, you could apply a h3-style class to a default h5 heading to increase the size of that default heading whilst retaining it's status as an H3.

This is useful when trying to retain a heading hierarchy without needing to use a particular heading just because it is the size you need.

h1 style heading

h1-style

h2 style heading

h2-style

h3 style heading

h3-style

h4 style heading

h4-style

h5 style heading

h5-style

h6 style heading

h6-style

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales sapien, in tempus lectus lorem quis est.

Paragraph small - 14px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales sapien, in tempus lectus lorem quis est.

Paragraph normal - 18px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales sapien, in tempus lectus lorem quis est.

Paragraph large - 22px

Link - Lorem ipsum dolor sit amet

text link - 16px

Bold - Lorem ipsum dolor sit amet

text bold - 18px

Italic - Lorem ipsum dolor sit amet

text italic - 18px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales sapien, in tempus lectus lorem quis est.

block quote