<style>
  @media only screen and (max-width:579px) {
    .width100pc {
      width: 100% !important;
    }

    .displayblock {
      display: block !important;
    }
  }
</style>
<table style="width:560px; margin:0px auto; direction:rtl;" align="center" border="0" cellspacing="0" cellpadding="0" role="presentation" class="width100pc">
  <tr>
    <td align="center" style="width:50%; vertical-align:middle;" dir="ltr" class="width100pc displayblock"><img src="https://via.placeholder.com/280x280" style="display:block; margin:0px auto;" border="0"></td>
    <td style="width:50%; vertical-align:middle;" bgcolor="#F0F0F0" align="center" dir="ltr" class="width100pc displayblock">
      <table style="width:100%; margin:0px auto;" align="center" border="0" cellspacing="0" cellpadding="0" role="presentation">
        <tr>
          <td style="padding:20px 30px;">
            <p style="margin:0px; font-family:Georgia, 'Times New Roman', Times, serif; font-size:22px; font-weight:normal; line-height:26px; text-align:left; color:#000000;">Vendée Globe&nbsp;: Le bateau SNCF toujours à quai suite à un incident voyageur</p>
            <p style="margin:15px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; line-height:20px; text-align:left;">Tous les équipages sont partis depuis plus d'1 mois. Seul le bateau SNCF est à l'arrêt. Une situation inédite mais pas surprenante. Reportage.</p>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.