Menu

Typography & Formatting

A demonstration of the look and feel of the various formatting options you have for the written content on your WP Medium blog.

Headings

Heading One

<h1>Heading One</h1>

Heading Two

<h2>Heading Two</h2>

Heading Three

<h3>Heading Three</h3>

Heading Four

<h4>Heading Four</h4>
Heading Five
<h5>Heading Five</h5>
Heading Six
<h6>Heading Six</h6>

Blockquotes

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997

<blockquote><p>People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.
<cite>Steve Jobs – Apple Worldwide Developers’ Conference, 1997</cite>
</p></blockquote>

Lists

Ordered Lists

  1. List item 1
  2. List item 2
  3. List item 3
<ol>
  <li>List item 1</li>
  <li>List item 2</li>
  <li>List item 3</li>
</ol>

Unordered Lists

  • List item 1
  • List item 2
  • List item 3
<ul>
  <li>List item 1</li>
  <li>List item 2</li>
  <li>List item 3</li>
</ul>

Definition Lists

Noun
A noun is a name word.
Adjective
An adjective is a describing word.
Verb
A verb is a doing word.
<dl>
  <dt>Noun</dt><dd>A noun is a name word.</dd>
  <dt>Adjective</dt><dd>An adjective is a describing word.</dd>
  <dt>Verb</dt><dd>A verb is a doing word.</dd>
</dl>

Inline Formatting

Strong

Sometimes, a word in a sentence should make a strong impression.

Sometimes, a word in a sentence should make a <strong>strong</strong> impression.

Emphasis

Other times, you just want to add emphasis to a word.

Other times, you just want to add <em>emphasis</em> to a word.

Strikeout

Today only, this product is $99 $29!

Today only, this product is <s>$99</s> $29!

Subscript

Getting our science styling on with H2O, subscript.

 Getting our science styling on with H<sub>2</sub>O, subscript.

Superscript

Still sticking with science and Isaac Newton’s E = MC2 superscript.

Still sticking with science and Isaac Newton’s E = MC<sup>2</sup> superscript.

Text Alignment

Default (Left Align)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi ad minim veniam, quis nostrud exerci tation.

Center Align

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi ad minim veniam, quis nostrud exerci tation.

<p class="text-center">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi ad minim veniam, quis nostrud exerci tation.</p>

Right Align

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi ad minim veniam, quis nostrud exerci tation.

<p class="text-right">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi ad minim veniam, quis nostrud exerci tation.</p>