Back to Index

Typography

Headings

Header Element Default Dimensions

h1

 
font-size: 2rem;
margin: 1.34rem 0;

h2

 
font-size: 1.5rem;
margin: 1.245rem 0;

h3

 
font-size: 1.17rem;
margin: 1.17rem 0;

h4

 
font-size: 1rem;
margin: 1.33rem 0;
h5
 
font-size: .83rem;
margin: 1.386rem 0;
h6
 
font-size: .67rem;
margin: 1.561rem 0;

Paragraphs

Lorem ipsum ðolor sit ameÞ, sēd id nobīs volūptātum dissēnÞiēt. Ƿovum vērear no mei, eu hǽs sumo eius māzīm, eǽm taÞīon sċriptorēm ut. Porrō numqūæm sāperet quo ið. Pēr īd fērri omnīs qūaerendum. Æd grǽecē īnterpreÞaris vim, deleniti quāesÞio sǽlūtāndi cū pri, quī ea ferri prǣesēƿt coƿsectetuer. Eām no līȝris melius læbitur, eos ea ǣlii eros comprēhensam. Ad sea tibiqūe ælbuċiūs liberævisse.

Hr element

Inline Typographical Elements

q element inside a q element example
s element example
small element example
span element example
strong element example
sub element example
sup element example
u element example
var element example

cite element example
del element example
dfn element and dfn element with title examples
em element example
i element example
ins element example
mark element example
abbr example
ruby example

I am a quote saying something wonderfully profound.

Awesome McAwesomeson.