Q:

td element's width doesn't display correctly in HTML email

I'm having problem with displaying td.header width. It keeps taking up the width of p.event-detail.
Can someone help me fix the code so that td.header's width is 530px precisely.
<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>

A:

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

