Groundwork Test: Typography

This page generates typography elements using tags, classes and extends. Things are good when:

Elements appear as they should regardless of whether tags, classes or extends are used.

h1

.h1

.extend-h1

.h2

.extend-h2

.h3

.extend-h3

.h4

.extend-h4

.h5

.extend-h5

.h6

.extend-h6

.extend-p

^sup

.sup

.extend-sup

_sub

.sub

.extend-sub

small

.small

.extend-small

big

.big

.extend-big

.em

.extend-em

.extend-b

blockquote

.blockquote

.extend-blockquote

code

.code

.extend-code

pre

.pre

.extend-pre

Formatted code sample

Example quotationAuthor