##Typography demo page  
  
###Table  
<table style="max-width: 640px;">

	<thead>
		<tr>
			<td style="width: 50%;">Column 01</td>
			<td style="width: 25%;">Column 02</td>
			<td style="width: 25%;">Column 03</td>
		</tr>		
	</thead>

	<tbody>

		<tr>
			<td>Col 01, Row 01</td>
			<td>Col 02, Row 01</td>
			<td>Col 03, Row 01</td>
		</tr>		

		<tr>
			<td>Col 01, Row 02</td>
			<td>Col 02, Row 02</td>
			<td>Col 03, Row 02</td>
		</tr>		

	</tbody>

</table>  
<hr>  
###Text examples    

#H1 Heading  
##H2 Heading
###H3 Heading
####H4 Heading  
#####H5 Heading  
  
Text with [hyperlink](/).  
__Bold Text__  
_Italic Text_  
  
<hr>  
  
###Lists  
####Unordered List  
<ul>
   <li>First item</li>
   <li>Second item</li>
   <li>Third item</li>
</ul>  
####Ordered List  
<ol>
   <li>First item</li>
   <li>Second item</li>
   <li>Third item</li>
</ol>  
  
<hr>  
  
###Haiku

<p class="haiku"><span>Praesent nunc metus, convallis ac interdum id</span><br><span> pretium varius urna. Nam rutrum, nunc in molestie vestibulum</span><br><span> arcu turpis auctor tellus, eget interdum nulla mauris et dolor.</span><br> <span>Aenean eget lectusporttitor, condimentum ex eu, varius neque.</span> <br><span>Sed vitae erat non metus hendrerit ornare.</span></p>  
  
<hr>  
  
###Blockquote  
<blockquote>A surprise party? Mr. Worf, I hate surprise parties. I would *never* do that to you. Ensign Babyface! You enjoyed that. Talk about going nowhere fast. Shields up! Rrrrred alert!</blockquote>  
  
<hr>