[وآهٍ لريح الجنة]

السلام عليكم ورحمة الله وبركاته

لدي كود اود تعديله
حيث اذا وضعته يظهر لي هكذا

اود تعديلة بحيث تكون مستطيلات العضوة المميزة تحت الوسام مباشرة
فكما يظهر لكم
الان المستطيلات متلاصقة في بعضها
كيف لي ان اعدل على الكود
واضع مسافة فارغة؟

الذي اعرفة ان في هذه اللغة HTML
اضع  
للمسافة لكن حينما وضعت هذا الكود لم يحصل شي

<!-- بداية التميز -->
<table border="0" width="400" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center">
<img border="0" src="http://up.arab-x.com/Aug09/xGN27514.gif" width="100" height="100"></td>
<td align="center">
<img border="0" src="http://up.arab-x.com/Aug09/akS28164.gif" width="100" height="100"></td>
<td align="center">
<img border="0" src="http://up.arab-x.com/Aug09/yGp27844.gif" width="100" height="100"></td>
<td align="center">
<img border="0" src="http://up.arab-x.com/Aug09/akS28164.gif" width="100" height="100"></td>
<td align="center">
<img border="0" src="http://up.arab-x.com/Aug09/h7D27844.gif" width="100" height="100"></td>
<td align="center">
<img border="0" src="http://up.arab-x.com/Aug09/akS28164.gif" width="100" height="100"></td>
<td align="center">
<img border="0" src="http://up.arab-x.com/Aug09/gRL27844.gif" width="100" height="100"></td>
</tr>
<tr>
<td align="center" style="border: 1px ridge #E574B5; background-color: #FFFFFF">العضــوة المميــزة</td>
<td align="center" style="border: 1px ridge #E574B5; background-color: #FFFFFF">المـوضـوع المـميـز</td>
<td align="center" style="border: 1px ridge #E574B5; background-color: #FFFFFF">المـشـرفة المميزة</td>
&nbsp;&nbsp;&nbsp;
<td align="center" style="border: 1px ridge #E574B5; background-color: #FFFFFF">القسـم المميـز    </td>;
</tr>
</table>
<!-- نهاية التميز -->

وجزيتم الخير