HTML таблица <td>ширина несоответствия между двумя таблицами

Question

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

                  Q120                   Q220     

COL1 COL2 COL3 АПРЕЛЬ 19 МАЯ 19 ИЮНЯ 19 ИЮЛЯ 19 АВГУСТА 19 СЕНТЯБРЯ

Для этого я создал две таблицы, одну таблицу для печати кварталов и другую для печатидругие столбцы и их данные.

<table>
  <tr>
    <td width="70px"></td>
    <td width="70px"></td>
    <td width="70px"></td>
    <td width="210px">Q120</td>
    <td width="210px">Q220</td>
  </tr>
</table>
<table>
  <tr>
    <td width="70px">COL1</td>
    <td width="70px">COL2</td>
    <td width="70px">COL3</td>
    <td width="70px">APR-19</td>
    <td width="70px">MAY-19</td>
    <td width="70px">JUN-19</td>
    <td width="70px">JUL-19</td>
    <td width="70px">AUG-19</td>
    <td width="70px">SEP-19</td>

  </tr>
</table>

Что не так с моим кодом?Я НЕ получаю правильное выравнивание, как объяснено в моем примере.Мой квартальный ряд смещается влево, в идеале Q120 должен быть выше APR-19.