Document Structure Examples

Inline Elements

Anchors

Jump to Section One Jump to Section Two

Inputs

Block Elements

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Divs

Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit

Nesting Elements

Nested Inline Elements

Don't forget to click here

Nested Block Elements

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Bad Nesting Example

My Resume

Whitespace

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Semantics

Strong that looks like a Heading

Some Page Heading

Some Page Heading

Ordered List that looks like an Unordered List

  1. Thing 1
  2. Thing 2

Unordered List that looks like an Ordered List