Font stacks, sizes, line heights, margins, spacing and more ... es:CSS have got you covered!

Webfont Lato

Using webfonts like Lato from Google Webfonts gives your project best typo across all platforms.


Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis.

In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero.

Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat volutpat. Mauris vel neque sit amet nunc gravida congue sed sit amet purus.


Standard <ul>

<ul>
  <li>Unordered list</li>
</ul>

No style <ul>

<ul class="nolist">
  <li>Unordered list</li>
</ul>

Standard <ol>

  1. A simple list item.
  2. Another list item.
  3. Don't forget this list item.
  4. This is my favourite list item.
<ol>
  <li>Ordered list</li>
</ol>

Roman <ol>

  1. A simple list item.
  2. Another list item.
  3. Don't forget this list item.
  4. This is my favourite list item.
<ol class="roman">
  <li>Ordered list</li>
</ol>

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis.

Misc

This highlights other typographic elements that can be used within a site. Or see this muted text declaration for less important / outdated / deactivated text. And even basic text decorations like underline or strikethrough and font styles like italic, strong or even stronger.
These include things like: <sup> sup?, <sub> sub.

There are also many other items such as <code> and

  Automatically formatted <pre> tags and some pre-defined classes for code / tag highlighting:
  <tag parameter="value">Default</tag>