Как сделать две горизонтально выровненные таблицы?

Question

Каждый раз, когда я создаю таблицу HTML, она начинается с нового абзаца.Можно ли переопределить это поведение, чтобы у меня было две таблицы в одной строке?

Я также использую CSS.

Answer 1

Вы хотите их стилизовать, display: inline; или использовать обе таблицы.

Answer 2

Мне всегда было проще создать таблицу, содержащую 2 таблицы, если я хочу, чтобы они всегда были в одной строке.

    <table>
       <tr>
         <td>
           <table id="table1">
             <tr>
               <td></td>
             </tr>
           </table>
         </td>
         <td>
           <table id="table2">
             <tr>
               <td></td>
             </tr>
           </table>
         </td>
       </tr>
     </table>

стиль тоже работает.

Answer 3

jsfiddle

Если вам нужны горизонтально выровненные таблицы для заполнения на 100% ширины, вам необходимо: display:inline-table; and float:left;

Answer 4

набор display: inline-block; для каждой таблицы.

онлайн демо: http://jsfiddle.net/bitsmix/s7Bec/