h1 Heading

h1 Heading Brand

h1 Heading longer title than usual

h2 Heading as h1

h1 Heading as h2

h1 Heading as h3

h1 Heading as h4

h1 Heading as h5

h1 Heading as h6

h2 Heading

h2 Heading longer title than usual longer title than usual

h3 Heading

h3 Heading longer title than usual longer title than usual

h4 Heading

h4 Heading longer title than usual longer title than usual longer title than usual

h5 Heading

h5 Heading longer title than usual longer title than usual longer title than usual

h6 Heading

h6 Heading longer title than usual longer title than usual longer title than usual

h2 Heading label maker

h2 Heading label maker longer title than usual

h2 Heading label maker longer title than usual longer title than usual longer

h2 Heading single bar

h2 Heading single bar

h2 Heading double bar

h2 Heading double bar longer title than usual longer title than usual longer

h2 Heading double bar

h3 Heading

h4 Heading

h5 Heading

h6 Heading

Blockquotes

Have you ever shuffled your feet along over the carpet on a winter's evening and then quickly touched your finger to the nose of an unsuspecting friend? Did he jump when a bright spark leaped from your finger and struck him fairly on the very tip of his sensitive nasal organ?

Blockquotes can also be nested...

...by using additional greater-than signs right next to each other...

...or with spaces between arrows.

Lists

Unordered

• First item
• Second item
• Third item
• Fourth item

Ordered

1. First item
2. Second item
3. Third item
4. Fourth item

Mixed

• Create a list by starting a line with +, -, or *
• Sub-lists are made by indenting 2 spaces:
  • Marker character change forces new list start:
    • Ac tristique libero volutpat at
    • Facilisis in pretium nisl aliquet
    • Nulla volutpat aliquam velit
  1. First item
  2. Second item
  • Item
  • Item
  3. Third item
  4. Fourth item
• Very easy!

Start numbering with offset:

57. foo
58. bar

.list--inline

• Item 1
• Item 2
• Item 3

Definition lists

Deflist plugin output is broken, use raw HTML instead

Definition list

Is something people use sometimes.

Is something people use sometimes.

Is something people use sometimes.

Markdown in HTML

Does *not* work **very** well. Use HTML tags.

1. Item 1
2. Item 2
3. Item 3

First Term

This is the definition of the first term.

Random paragraphs being inserted

Second Term

This is one definition of the second term. : This is another definition of the second term.

Inline definition list

Horizontal Rules

Tables

Right aligned columns

Inline elements

This is a text link

This is a text link with a title

Strong is used to indicate strong importance.

Strong is used to indicate strong importance.

This text has added emphasis.

This text has added emphasis.

This text has a strikethrough

chevron

chevron--down

chevron--left

chevron--right

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur cum cumque eius enim eos error est facilis ipsam iste magnam [maiogres](test) necessitatibus nostrum nulla numquam, provident qui similique vel, voluptate!

The b element is stylistically different text from normal text, without any special importance.

The i element is text that is offset from the normal text.

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation.

This text is deleted and This text is inserted.

Superscript^®.

Subscript for things like H₂O.

This small text is small for for fine print, etc.

Abbreviation: HTML

This text is a short inline quotation.

This is a citation.

The dfn element indicates a definition.

The mark element indicates a highlight.

The variable element, such as x = y.

The time element: 2 weeks ago

Code

Inline code

Indented code

Block code "fences"

Syntax highlighting

var foo = function (bar) {
  return bar++;
};

console.log(foo(5));

Keyboard input:Cmd

Inline code:<div>code</div>

Sample output:This is sample output from a computer program.

Preformatted

P R E F O R M A T T E D T E X T
  ! " # $ % & ' ( ) * + , - . /
  0 1 2 3 4 5 6 7 8 9 : ; < = > ?
  @ A B C D E F G H I J K L M N O
  P Q R S T U V W X Y Z [ \ ] ^ _
  ` a b c d e f g h i j k l m n o
  p q r s t u v w x y z { | } ~ 

Images

Audio

Video

Bars

Meter

5 out of 10

Progress

50%

Iframe

Form

Modular scale

Font Size

font-size: 5{.vr-font-size-5}

font-size: 4{.vr-font-size-4}

font-size: 3{.vr-font-size-3}

font-size: 2{.vr-font-size-2}

font-size: 1{.vr-font-size-1}

font-size: 0{.vr-font-size-0}

Line Height

line-height: 5{.vr-line-height-5}

line-height: 4{.vr-line-height-4}

line-height: 3{.vr-line-height-3}

line-height: 2{.vr-line-height-2}

line-height: 1{.vr-line-height-1}

Height: Fixed Unit (px)

Height: Vertical Rhythm

Width

Margins

Padding

padding-top: 1

padding-top: 2

padding-top: 3

padding-top: 4

padding-top: 5

padding-bottom: 1

padding-bottom: 2

padding-bottom: 3

padding-bottom: 4

padding-bottom: 5

Border Offsets

offset: 3px

offset-top: 3px

offset-bottom: 3px