Как поставить две таблицы рядом друг с другом в html без использования тега «стиль»?

Question

Я сделал две таблицы для проекта, но я не знаю, как поставить их рядом друг с другом без использования «стиля» или каких-либо предложений.

Answer 1

Я знаю, что вы не хотите использовать стили, но я бы очень рекомендовал использовать CSS Grid вместо таблиц. Когда вы изучите основы, гораздо проще менять строки и столбцы, не требуется сложного вложения для таких вещей, как размещение двух таблиц рядом друг с другом, и он отлично работает с адаптивным дизайном:

.grid {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  border: solid 1px grey;
  grid-gap: 4px;
  padding: 4px;
  margin-right: 20px;
}

.grid > div{
   background: lightgrey;
   padding:20px;
}

.grid .rowspan{
   grid-column: 1/3;
}

<div class='grid'>
  <div>One</div>
  <div>Two</div>
  <div>Three</div>
  <div>Four</div>
  <div class='rowspan'>Five</div>
</div>
<div class='grid'>
  <div>One</div>
  <div>Two</div>
  <div class='rowspan'>Three</div>
  <div>Four</div>
  <div>Five</div>
</div>

Answer 2

Вы можете поместить это в другую таблицу.

<table>
    <tr>
        <td>
            <table>
                <tr>
                    <td>
                        table 1
                    </td>
                </tr>
            </table>
        </td>
        <td>
            <table>
                <tr>
                    <td>
                        table 2
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

см. Здесь https://jsfiddle.net/ewyoam2L/