Элементы не там, где они должны быть (таблицы)

Question

Я хочу, чтобы элементы в красных полях были в голубых полях

  <table>
    <tr style="">
      <td style="text-align: center; width: 70%;" colspan="2"><img src="pre_header.jpg" alt="" style="width: 70%"></td>
    </tr>
    <tr style="">
      <td><img style="width: 35%;" src="logo.jpg" alt=""></td>
      <td><p style="width: 35%;">Monday 16<sup>th</sup> of december 2019 <br> Volume 5</p></td>
    </tr>
  </table>

приведенный выше код для таблицы, предзаголовок идеально отцентрирован, но описание lo go и lo go просто не хочет go где они должны

Answer 1

Попробуйте переместить ваши стили, а именно: относитесь к каждому элементу как к контейнеру или коробке.

<table style="width:70%;margin:0 auto;>
    <tr style="margin:0;border:none;padding:0;">
      <td colspan="2"><img src="pre_header.jpg" alt="" style="width: 100%"></td>
    </tr>
    <tr style="margin:0;padding:0;border:none;">
      <td style="width:35%;margin-left:0;"><img style="width: 100%" src="logo.jpg" alt=""></td>
      <td style="width:35%;clear:right;margin-right:0;"><p>Monday 16<sup>th</sup> of december 2019 <br> Volume 5</p></td>
    </tr>
  </table>

Это может потребовать некоторых настроек, но это должно быть довольно близко. Особо следите за этим «чистым».