我使用模板为我的公司创建 HTML 时事通讯。我对任何编程语言都知之甚少，这就是我从模板开始的原因。我已经向我的工作电子邮件地址 (outlook 2010) 和我的个人电子邮件 (gmail) 发送了一些测试。它在我的 gmail 中看起来很棒，但在 Outlook 中，它决定将时事通讯的标题与“焦点”一词下方的“新闻”一词略微交错，真正位于下方并稍微偏左。请看这张图片以了解我的意思：
我想知道如何更改代码，以便它在 Outlook 中的显示方式与在 gmail 中的显示方式一样，都在一行上？
另外我真的不知道我是否在下面显示了太多代码；还是不够，我只知道标题部分在那里，对初学者的任何帮助都会非常感激
<div id="SpeBkDiv" style="background-color: #ffffff;">
<!--100% body table-->
<table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<!--email container-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td>
<!--header-->
<table border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td valign="top">
<img src="image url here" alt="" height="12" width="600" />
<!--top links-->
<table border="0" cellpadding="0" cellspacing="0" height="52" width="600">
<tbody>
<tr>
<td valign="middle" width="221">
<p style="font-size: 10px; font-family: Times New Roman; color: #333; margin: 0px;" align="center"><br />
</p>
</td>
</tr>
</tbody>
</table>
<!--/top links-->
<!--line break-->
<table border="0" cellpadding="0" cellspacing="0" height="14" width="600">
<tbody>
<tr>
<td valign="top" width="600">
<p>
<img src="image url here" alt="" height="10" width="600" />
</p>
</td>
</tr>
</tbody>
</table>
<!--/line break-->
<!--header content-->
<table border="0" cellpadding="0" cellspacing="0" height="168" width="600">
<tbody>
<tr>
<td>
<h1 style="color: #333 !important; margin: 0px; font-weight: normal; font-size: 30px; font-family: Verdana" align="center">
<span style="font-size: 50pt; color: #808080;">
<a title="image name" href="image url here">
<img style="text-align: left; float: left;" alt="" src="image url here" align="left" height="79" width="103" />
</a>
</span>
</h1>
<h1 style="color: #333 !important; margin: 0px; font-weight: normal; font-size: 30px; font-family: Verdana;" align="center">
<span style="font-size: 45pt; color: #808080;">
<c>
<span style="font-family: Verdana; font-size: 40pt;">Focus News</span>
</c>
</span>
<span style="font-size: 50pt; color: #808080;">
</span>
<currentmonthname style="font-size: 36pt; color: #333333;">
<currentyear>
</currentyear>
</currentmonthname>
</h1>
</td>
<td id="issue" style="background-image: url('images/issue-no.jpg'); background-color: #98AFC7; background-repeat: no-repeat; background-position: top; width: 109px; height: 109px;" bgcolor="#98AFC7" valign="top">
<!--number-->
<table border="0" cellpadding="2" cellspacing="2" height="81" width="126">
<tbody>
<tr>
<td>
<div align="center">
<h4>
<span style="color: #ffffff; font-family: Verdana;">Issue no.7</span>
</h4>
</div>
<div align="center">
<h4>
<span style="color: #ffffff; font-family: Verdana;">July</span>
<span style="color: #ffffff; font-family: Verdana;">2012</span>
</h4>
</div>
</td>
</tr>
</tbody>
</table>
<!--/number-->
<br />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>