HTML - две таблицы бок о бок

Возможный дубликат:
Попытка получить таблицы рядом друг с другом горизонтально

У меня есть две html-таблицы, которые уже созданы. Как разместить их рядом друг с другом вместо 1 над другой?

Ответы

Ответ 1

В зависимости от вашего содержимого и пространства вы можете использовать поплавки или встроенный дисплей:

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

<table style="float: left;">

Посмотрите здесь: http://jsfiddle.net/SM769/

Documentation

CSS display на MDN - https://developer.mozilla.org/en/CSS:display
CSS float на MDN - https://developer.mozilla.org/en/CSS/float

Ответ 2

Вы можете поместить свои таблицы в div и добавить стиль в свою таблицу "float: left"

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

или просто используйте css:

div>table {
  float: left
}

Ответ 3

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

Ответ 4

С CSS: table {float:left;}?