Как сделать так, чтобы несколько таблиц HTML имели одинаковую ширину столбцов

У меня есть несколько таблиц HTML. В каждой таблице одинаковое количество столбцов, но с разными наборами данных в каждой ячейке.

 <table><tr>
     <td>Col 1 Table 1</td>
     <td>Col 2 Table 1</td>
     <td>Col 3 Table 1</td>
 </tr></table>

 <table><tr>
     <td>Col 1 Table 2</td>
     <td>Col 2 Table 2</td>
     <td>Col 3 Table 2</td>
 </tr></table>

Я хотел найти самый простой способ сделать так, чтобы каждый сопоставимый столбец в этих таблицах (чтобы каждый первый столбец, каждый второй столбец и т. Д.) Имел одинаковую ширину, чтобы все таблицы идеально выстраивались в линию.

По некоторым причинам я не могу объединить их в одну таблицу, поэтому я хочу посмотреть, можно ли вообще иметь несколько таблиц.

Кажется, что таблицы (независимо от CSS, которые я добавляю) изменяются на основе данных, содержащихся в ячейке.

Есть предложения?