Typeplate example

This is an example of Typeplate, a CSS base style for nice typography on the web. It depends a lot on certain structure that you put into your HTML. For example, & is a bare ampersand, but & is a nicely span-styled one.

Second level heading

Headings should Just Work. Putting h3 immediately after h2 should work too:

Second level heading

Third level heading

Everything should have nice vertical rhythm.

• Lists should look good
  • Even when nested
  • Such as this one
• And should not look out of place

Preformatted text should also work.

Preformatted text is difficult to get right
because it often more naturally looks better
at a smaller font size to the main text, which
then demands a smaller line-height. This tends
to mess up the vertical rhythm.

Inline code works too. Apparently code in pre is treated differently:

This is regular.
Two lines of regular.

This is code.
Two lines of code.

This is an abbr.

Example of drop caps. The class is .drop-cap

There's lots of dl stuff; let's ignore that.

This is a blockquote.

We'll ignore figures too for now.