HTML - deux tables côte à côte

Question

Duplicate possible:
Essayer de placer les tableaux les uns à côté des autres horizontalement

J'ai deux tables HTML déjà créées. Comment puis-je les placer côte à côte au lieu de 1 au-dessus de l'autre?

Answer 1

Selon votre contenu et votre espace, vous pouvez utiliser des flottants ou un affichage en ligne:

<table style="display: inline-block;">

<table style="float: left;">

Découvrez-le ici: http://jsfiddle.net/SM769/

Documentation

• CSS display sur MDN - https://developer.mozilla.org/en/CSS:display
• CSS float sur MDN - https://developer.mozilla.org/en/CSS/float

Answer 2

Vous pouvez placer vos tables dans un div et ajouter du style à votre table "float: left"

<div>
  <table style="float: left">
    <tr>
      <td>..</td>
    </tr>
  </table>
  <table style="float: left">
    <tr>
      <td>..</td>
    </tr>
  </table>
</div>

ou utilisez simplement css:

div>table {
  float: left
}

Answer 3

<div style="float: left">
  <table>
    <tr>
      <td>..</td>
    </tr>
  </table>
</div>
<div style="float: left">
  <table>
    <tr>
      <td>..</td>
    </tr>
  </table>
</div>

Answer 4

Avec CSS: table {float:left;}​?