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;}?
Ответ 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>