HTML - две таблицы бок о бок
Возможный дубликат:
Попытка получить таблицы рядом друг с другом горизонтально
У меня есть две html-таблицы, которые уже созданы. Как разместить их рядом друг с другом вместо 1 над другой?
Ответы
Ответ 1
В зависимости от вашего содержимого и пространства вы можете использовать поплавки или встроенный дисплей:
<table style="display: inline-block;">
<table style="float: left;">
Посмотрите здесь: http://jsfiddle.net/SM769/
Documentation
Ответ 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;}
?