<p><strong>Horizontal Ruler below and between each section:</strong></p>
<hr />
<p><strong>Basic font functionality:</strong></p>
<p><strong>Bold</strong><em>&nbsp;&nbsp; Italic&nbsp;&nbsp; </em><span style="text-decoration: underline;">Underline</span><em><strong>&nbsp;&nbsp; Bold+Italic&nbsp;&nbsp; </strong></em><span style="text-decoration: underline;"><strong>Bold+Underline</strong></span><em>&nbsp; </em><span style="text-decoration: underline;"><em>Italic+Underline</em></span><em>&nbsp; </em><span style="text-decoration: underline;"><em><strong>Bold+Italic+Underline</strong></em></span></p>
<p><span style="color: #ff0000;">C</span><span style="color: #0000ff;">o</span><span style="color: #008000;">l</span><span style="color: #ffcc00;">o</span><span style="color: #808080;">r</span> <span style="color: #ff0000;">test</span><em>&nbsp;&nbsp; </em><span style="background-color: #ffff00;">Background color test</span></p>
<hr />
<p><strong>Font size test:</strong></p>
<p><span style="font-size: xx-small;">8</span><span style="font-size: x-small;"> 10</span><span style="font-size: small;"> 12</span><span style="font-size: medium;"> 14</span><span style="font-size: large;"> 18</span><span style="font-size: x-large;"> 24</span><span style="font-size: xx-large;"> 36</span></p>
<hr />
<p><strong>Bullets below:</strong></p>
<ul>
<li>one      
<ul>
<li>one A      
<ul>
<li>one A1</li>
<li>one A2</li>
</ul>
</li>
</ul>
</li>
</ul>
<hr />
<p><strong>Numbered list below:</strong></p>
<ol>
<li>one<ol>
<li>one A<ol>
<li>one A1</li>
<li>one A2</li>
</ol></li>
</ol></li>
</ol> 
<hr />
<p><strong>Text with indents test below:</strong></p>
<p style="padding-left: 30px;">indented text</p>
<p style="padding-left: 60px;">double indented line</p>
<hr />
<p><strong>Break and Paragraph test:</strong></p>
<p>This is the first line of text and I've added BR in the HTML after this line:</p>
<p>This is the second line and I've added a P after this line:</p>
<p>final text.</p>
<hr />
<p><strong>Tables test below:</strong></p>
<p>Table should be centered with a 3px border:</p>
<table border="3" cellspacing="3" cellpadding="3" align="center">
<tbody>
<tr>
<td style="width: 100px;">column width = 50</td>
<td style="border: 1px solid #f91305;">
<p>&nbsp;no width set</p>
<p>red border</p>
</td>
<td style="width: 20px;">col width = 20</td>
</tr>
<tr>
<td style="background-color: #1511ee;">&nbsp;Blue background<br /></td>
<td><img src="http://jessej.netadvent.org/site_data/47/assets/0000/2659/jessej_small.jpg" alt="" /></td>
<td rowspan="2">Two merged cells 12345 67890 <br /></td>
</tr>
<tr>
<td colspan="2">&nbsp; Two merged cells 1234567890<br /></td>
</tr>
</tbody>
</table>
<hr />