In strong strong strong em em em em reprehenderit in voluptate eu fugiat nulla pariatur. This external link should open in a new window. This is a link. Duis aute irure dolor excepteur sint occaecat sunt in culpa. Lorem ipsum dolor sit amet, ut enim ad minim veniam, consectetur adipisicing elit. Ullamco laboris nisi qui officia deserunt duis aute irure dolor.

Heading 1 Style basic page components: H1 thru 5, p, a, ul, ol, strong, em, floated img, form inputs with placeholders.

  • Unordered list
  • Turns out that an “overflow:hidden” attribute on a list element (ul, ol) will solve the left margin problems when it’s next to a floated element. That’s been updated on _typography.scss.
  • li with nested elements
    • Nested ul li
      • Nested ul li ul li
  • Long <li> text Lorem ipsum dolor sit amet. Eu fugiat nulla pariatur. Qui officia deserunt ut enim ad minim veniam. Ut enim ad minim veniam, ut aliquip ex ea commodo consequat.
    1. Nested ol li
  • Sed do eiusmod tempor incididunt

Heading 2 Line-height may need to be adjusted for headings that are long enough to wrap. This is a link in a heading. Is this heading wrapping yet?

Link to a Word Document. Sunt in culpa eu fugiat nulla pariatur. Link to a PDF. Duis aute irure dolor ullamco laboris nisi excepteur sint occaecat. Link to an Excel doc. Eu fugiat nulla pariatur. Qui officia deserunt ut enim ad minim veniam. Ut enim ad minim veniam, ut aliquip ex ea commodo consequat.

Velit esse cillum dolore duis aute irure dolor ut aliquip ex ea commodo consequat. Ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, sunt in culpa eu fugiat nulla pariatur.

Duis aute irure dolor ullamco laboris nisi excepteur sint occaecat. Eu fugiat nulla pariatur. Qui officia deserunt ut enim ad minim veniam. Ut enim ad minim veniam, ut aliquip ex ea commodo consequat. Cupidatat non proident, ullamco laboris nisi lorem ipsum dolor sit amet.

Excepteur sint occaecat sed do eiusmod tempor incididunt quis nostrud exercitation. Mollit anim id est laborum. Qui officia deserunt ut enim ad minim veniam.

  1. Ordered List
  2. li with nested elements
    1. Nested ol li
      1. Nested ol li ol li
      2. Nested ol li ol li
      3. Nested ol li ol li
    2. Nested ol li
    3. Nested ol li
    4. Nested ol li
  3. Long <li> text Lorem ipsum dolor sit amet. Eu fugiat nulla pariatur. Qui officia deserunt ut enim ad minim veniam. Ut enim ad minim veniam, ut aliquip ex ea commodo consequat.
    • Nested ul li
  4. Sed do eiusmod tempor incididunt

Heading 3 Ut labore et dolore magna aliqua. Consectetur adipisicing elit.

Excepteur sint occaecat sed do eiusmod tempor incididunt quis nostrud exercitation. Mollit anim id est laborum.

Blockquote

Sunt in culpa eu fugiat nulla pariatur. Duis aute irure dolor ullamco laboris nisi excepteur sint occaecat.
Eu fugiat nulla pariatur. Qui officia deserunt ut enim ad minim veniam.

Duis aute irure dolor ullamco laboris nisi excepteur sint occaecat. Ut enim ad minim veniam, ut aliquip ex ea commodo consequat.

Heading 4 Form with Placeholders


Consectetur adipisicing elit, sunt in culpa velit esse cillum dolore. Cupidatat non proident, mollit anim id est laborum. Quis nostrud exercitation qui officia deserunt in reprehenderit in voluptate.

Heading 5 Ullamco laboris nisi ut enim ad minim veniam, sed do eiusmod tempor. Ut enim ad minim veniam.

Duis aute irure dolor ullamco laboris nisi excepteur sint occaecat. Eu fugiat nulla pariatur. Qui officia deserunt ut enim ad minim veniam. Ut enim ad minim veniam, ut aliquip ex ea commodo consequat. Cupidatat non proident, ullamco laboris nisi lorem ipsum dolor sit amet.