<blockquote class='posterous_long_quote'><p>These are supporting examples for the blog entry, The Paragraph in Web Typography & Design.</p>
<p>Only standard <code><p></code> tags have been used. Some of these styles are experiments using pseudo elements and adjacent sibling selectors; browser support is not consistent. Paragraph font size is set at 1em (equivalent to 16px if browser font size is unchanged) and line height set at 1.25em. Georgia was used exclusively. No browser specific CSS has been used—any inconsistency in the rendering of line-height, baseline and element positioning has been left for cross browser comparison before implementing.</p>
<ol>
<li>Browser default style</li>
<li>Block flush left, ragged right</li>
<li>Block justified</li>
<li>One em indent with boundary, flush left, ragged right</li>
<li>Two lead indent without boundary, flush left, ragged right</li>
<li>Indent without boundary, justified</li>
<li>Outdent flush left, ragged right</li>
<li>Continuous text, CSS generated pilcrow divided</li>
<li>Elevated cap (versal) with bold opening</li>
<li>Drop cap (versal) with bold opening</li>
<li>Outdent cap (versal) with bold small caps opening</li>
<li>Initial outdented block with CSS generated section and mid point dividers</li></ol></blockquote>