email-bugs icon indicating copy to clipboard operation
email-bugs copied to clipboard

Windows Outlook: Setting margin-top or margin-bottom on a table adds padding to every cell within the table.

Open caseyjhol opened this issue 2 years ago • 0 comments

Confirmed this behavior in Outlook 2007 and Outlook 365.

margin-left and margin-right work as expected.

For example, the following HTML:

    <table>
      <tbody>
        <tr>
          <td style="border: 1px solid #ddd;">1-1</td>
          <td style="border: 1px solid #ddd;">1-2</td>
        </tr>
        <tr>
          <td style="border: 1px solid #ddd;">2-1</td>
          <td style="border: 1px solid #ddd;">2-2</td>
        </tr>
      </tbody>
    </table>

    <br />
    <br />

    <table style="margin: 50px;">
      <tbody>
        <tr>
          <td style="border: 1px solid #ddd;">1-1</td>
          <td style="border: 1px solid #ddd;">1-2</td>
        </tr>
        <tr>
          <td style="border: 1px solid #ddd;">2-1</td>
          <td style="border: 1px solid #ddd;">2-2</td>
        </tr>
      </tbody>
    </table>

results in: image

caseyjhol avatar May 12 '22 22:05 caseyjhol