سئوال . طراحی دو جدول کنار هم Side by side table

[ipsat]

<style type="text/css">
table.cms_table_grid, table.wysiwyg_cms_table_grid {
    border-collapse: collapse;
    margin-bottom: 0;
    direction: rtl;
}
td.cms_table_grid_td, td.wysiwyg_cms_table_grid_td {
    border: 3px solid #999999;
    height: 20px;
}
div.cms_table {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 1px;
}
</style>
<table width="500" class="cms_table_grid"><tbody><tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"><div class="cms_table"><table width="200" align="center" class="cms_table_grid"><tbody><tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
<tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
<tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
</tbody></table></div>
<br></td>
<td class="cms_table_grid_td"><div class="cms_table"><table width="300" align="center" class="cms_table_grid"><tbody><tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
<tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
<tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
<tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
<tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
<tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
</tbody></table></div></td>
</tr>
</tbody></table>