HTML comment aligner deux tables en une seule ligne?

Comment aligner deux tables dans une ligne, dans le milieu de la page?
Les résultats que je veux voir:

                                11 12   11 12
                                21 22   21 22

Le résultat que j'obtiens:

11 12
21 22
11 12
21 22
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>11</td>
    <td>12</td>
  </tr>
  <tr>
    <td>21</td>
    <td>22</td>
  </tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>11</td>
    <td>12</td>
  </tr>
  <tr>
    <td>21</td>
    <td>22</td>
  </tr>
</table>

OriginalL'auteur user1942505 | 2013-01-11

  1. 2

    Veuillez utiliser cette fonction, réglez la largeur que par l'exigence et si vous voulez le placer au centre du document, les prendre un div et aligner le centre de la page et placez le code html suivant dans.

    <table border="0" cellpadding="0" cellspacing="0" style="width:50%;float:left">
<tbody>
<tr>
  <td> 11</td>
  <td> 12</td>
</tr>
<tr>
  <td> 21</td>
  <td> 22</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="width:50%;float:left">
<tbody>
 <tr>
  <td> 11</td>
  <td> 12</td>
</tr>
<tr>
  <td> 21</td>
  <td> 22</td>
</tr>
</tbody>
</table>
    il suffit d'ajouter un <div style="width:100px; margin:0 auto;"> lors de la première de la ce et d'un </div> à la fin, et c'est un plus simple, changement 100px comme vous le souhaitez

    OriginalL'auteur user1954395

  2. 1

    Vous pouvez créer une autre table et d'intégrer ces deux tables : 

    <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td>
    <table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td>11</td>
            <td>12</td>
          </tr>
          <tr>
            <td>21</td>
            <td>22</td>
          </tr>
    </table>    
 </td>
 <td>
    <table border="0" cellspacing="0" cellpadding="0">
       <tr>
            <td>11</td>
            <td>12</td>
       </tr>
       <tr>
            <td>21</td>
            <td>22</td>
       </tr>
     </table>
 </td>
 </tr>
</table>

    ou vous pouvez utiliser la propriété float en css .

    OriginalL'auteur Karamafrooz

  3. -1

    Ce http://jsfiddle.net/pNH3T/ est une solution possible:

    <div style="display:block; width:100%">
  <div style="margin:0 auto; width:200px;">
    <table border="0" cellspacing="0" cellpadding="0" style="float:left; margin-right:10px;">
      <tr>
        <td>11</td>
        <td>12</td>
      </tr>
      <tr>
        <td>21</td>
        <td>22</td>
      </tr>
    </table>
    <table border="0" cellspacing="0" cellpadding="0" style="float:left">
      <tr>
        <td>11</td>
        <td>12</td>
      </tr>
      <tr>
        <td>21</td>
        <td>22</td>
      </tr>
    </table>
  </div>
</div>

    OriginalL'auteur Matei Mihai