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> </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> </p>
</td>
</tr>
<tr>
<td width="15" bgcolor="#d8d8d8">
<p> </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> </p>
</td>
<td width="150">
<img src="box.jpg" alt="normal event">
</td>
<td width="15" bgcolor="#d8d8d8">
<p> </p>
</td>
</tr>
<tr height="10" bgcolor="#d8d8d8"></tr>
</tbody>
</table>