Typography Example

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point size, line length, line-spacing (leading), letter-spacing (tracking), and adjusting the space within letters pairs.

---

Heading One

Heading Two

Heading Three

Heading Four

Heading Five

Heading Six

---

Blockquote

When you're writing text in a web page, you sometimes want to call out a block of text as a quotation. In publishing this is sometimes called a pull-quote, and in web design it's called a blockquote.

For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

---

Tables

Beatle	Instrument	Song
John Lennon	Guitar	A Day In the Life
George Harrison	Guitar	Old Brown Shoe
Paul McCartney	Bass	Helter Skelter
Ringo Starr	Drums	Don’t Pass Me By

---

Code Formatting

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

---

List Items

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