homepage html does not look right

Hi there I am trying to use html on my homepage text area. I would like to use a table but the spacing above the table is huge. I am using dreamweaver to code and the layout looks right. As soon as I drop it into my homepage text area it does not look right.
Any Suggestions?

http://www.laurelstalladesign.com

<p style=”text-align: center;”>Handmade and Laser Cut Jewelry, Home Decor, and Wearable Art</p>

<h2 style=”text-align: center;”>■ <span style=”color: #7431ad;”>Keep up with Live Events</span> <span style=”color: #333333;”>■</span></h2>
<p style=”text-align: center;”>Laurel Stalla Design <span style=”color: #7431ad;”>■</span> Edgy / Modern / Fun
Handmade and Laser Cut Jewelry, Home Decor, and Wearable Art
<span style=”color: #7431ad;”> 512 900-1154</span></p>

<h2 style=”text-align: center;”>■ <span style=”color: #7431ad;”>SCI FI</span> <span style=”color: #333333;”>■</span> <span style=”color: #7431ad;”>DECOR</span> <span style=”color: #333333;”>■</span> <span style=”color: #7431ad;”>NECKLACES</span> <span style=”color: #333333;”>■</span> <span style=”color: #7431ad;”>EARRINGS</span> <span style=”color: #333333;”>■</span> <span style=”color: #7431ad;”>APPAREL</span> <span style=”color: #333333;”>■</span></h2>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ align=”center”>
<tbody>
<tr>
<th style=”text-align: center;” scope=”col” align=”center” valign=”top”><span style=”font-family: ‘trebuchet ms’, geneva; font-size: 12pt;”>Personalized Initial Pink</span>
<span style=”font-family: ‘trebuchet ms’, geneva; font-size: 12pt;”> Heart Necklace</span>
<span style=”font-family: ‘trebuchet ms’, geneva; font-size: 12pt;”> All letters Available</span></th>
<th style=”text-align: center;” scope=”col” align=”center” valign=”top”><span style=”text-align: center; font-family: ‘trebuchet ms’, geneva; font-size: 12pt;”>New Laser Cut Tanks and Camis for Summer</span></th>
</tr>
<tr>
<td align=”center” valign=”top”></td>
<td align=”center” valign=”top”></td>
</tr>
</tbody>
</table>