вложенная таблица с различными alingnment

Question

Я вложенной таблицы, и я хочу Table1 быть Выровнять по центру и TABLE2 быть выравнивание по левому краю, но он не работает для меня.

Вот мой код.

<table id="contenttable" width="600" align="left" cellpadding="0" cellspacing="0" border="0" style="background-color:#FFFFFF; text-align:center !important; margin-top:0 !important; margin-right: auto !important; margin-bottom:0 !important; margin-left: auto !important; border:none; width: 100% !important; max-width:600px !important;"> 
<tr> 
    <td width="100%"> 
     <table bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0" width="100%" align = "center">Table1 </table> 
     <table bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0" width="100%" align = "left">Table2</table> 
    </td> 
</tr> 

Answer 1

Добавить следующий CSS будет отображаться, как вы хотите.

#contenttable table { 
    border: 1px solid; 
    height: 20px; 
    width: 50%; 
} 

Вы указали ширину 100% на обе таблицы. Сделать его меньше будет выглядеть так, как вы хотите.

И вам нужно добавить текст внутри <td>

JSFiddle

Answer 2

Пожалуйста, попробуйте это один

<table id="contenttable" width="600" align="center" cellpadding="0" cellspacing="0" border="1" style="background-color:#FFFFFF; text-align:center !important; margin-top:0 !important; margin-right: auto !important; margin-bottom:0 !important; margin-left: auto !important; border:none; width: 100% !important; max-width:600px !important;"> 
<tr> 
    <td width="100%"> 
     <table bgcolor="#FFFFFF" border="1" cellspacing="0" cellpadding="0" width="100%" style="text-align: center;"> 
      <tr> 
       <td>Table1 </td> 
      </tr> 
     </table> 
     <table bgcolor="#FFFFFF" border="1" cellspacing="0" cellpadding="0" width="100%" style="text-align: left;"> 
      <tr> 
       <td> 
        Table2 
       </td> 
      </tr> 
     </table> 
    </td> 
</tr> 
</table>