Style guide

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Heading one

Heading two

Heading three

Heading four

Heading five
Heading six

Blockquote

The blockquote tag specifies a section that is quoted from another source. Browsers usually indent blockquote elements.

Those of us that had been up all night were in no mood for coffee and donuts, we wanted strong drink. We were, after all, the absolute cream of the national sporting press.

Blockquotes can also be pulled to the left and to the right.

Definition Lists

Definition List Title
Definition list division.
Definition
An exact statement or description of the nature, scope, or meaning of something: our definition of what constitutes poetry.

Ordered lists

  1. Ordered list item one
  2. Ordered list item two
  3. Ordered list item three
    1. Ordered list item one
    2. Ordered list item two
    3. Ordered list item three
      1. Ordered list item one
      2. Ordered list item two
      3. Ordered list item three

Unordered lists

  • Unordered list item one
  • Unordered list item two
  • Unordered list item three
    • Unordered list item one
    • Unordered list item two
    • Unordered list item three
      • Unordered list item one
      • Unordered list item two
      • Unordered list item three

Code formatting

pre {
    position: relative;
    background: #f7f7f7;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    tab-size: 4;
}

Tables

Which hero starred in what movie:

Name The Avengers (2012) Age of Ultron (2015)
Ironman Yes Yes
Captain America Yes Yes
Hulk Yes Yes
Thor Yes Yes
Black Widow Yes Yes
Hawkeye Yes Yes
Vision No Yes
Black Panther No Maybe?