td元素的宽度在HTML电子邮件中显示不正确

Question

我在显示td.header宽度时遇到问题。它一直占据p.event-detail的宽度。

有没有人能帮我修正一下代码，让td.header的宽度精确到530px。

<table bgcolor="#d8d8d8" cellspacing="0" cellpadding="0" border="0">
 <tbody>
  <tr>
   <td width="15" bgcolor="#d8d8d8">
     <p>&nbsp;</p>
   </td>
   <td class="header" width="530" bgcolor="#d8d8d8">
     <h3>Wonderself - Kỹ năng xã hội cho các bé từ 3-6 tuổi</h3>
   </td>
   <td width="15" bgcolor="#d8d8d8">
     <p>&nbsp;</p>
   </td>
  </tr>
  <tr>
   <td width="15" bgcolor="#d8d8d8">
     <p>&nbsp;</p>
   </td>
   <td width="365">
     <p class="event-detail">Chương trình về EQ hàng đầu của Mỹ để giúp các bé từ 3-6 tuổi phát triển kỹ năng xã hội.</p>
     <img src="attend-button.jpg" alt="Attend this event">
   </td>
   <td width="15" bgcolor="#d8d8d8">
     <p>&nbsp;</p>
   </td>
   <td width="150">
     <img src="box.jpg" alt="normal event">
   </td>
   <td width="15" bgcolor="#d8d8d8">
     <p>&nbsp;</p>
   </td>
  </tr>
  <tr height="10" bgcolor="#d8d8d8"></tr>
 </tbody>
</table>

Answer 1

尝尝这个

<td class="header" width="530" bgcolor="#d8d8d8" colspan="2">