How to Remove Margins From Emails

Delete the margins in Outlook Express or Windows Mail

Photo editor icon
It's like cropping for your email's text in Windows Mail. StockUnlimited

When you compose an email in Windows Mail or Outlook Express, some space is left blank between your content and the top, right, left, and bottom borders. This usually makes it easier to read, which is why they remain there by default.

However, if you want to place a logo on the outer edges of the top left corner, for example, then you need to set that margin to zero. Deleting margins in an email like this is also useful to force a style to reach the very edges of the message box, something that can't be done when margins are still there.

How to Remove Email Margins

Here's how to compose a message that uses the full message space without margins:

  1. Open the source code editor.
  2. Add the following to the <BODY> tag:

    style="PADDING: 0px; MARGIN: 0px"

    For example, if the tag reads <BODY bgColor=#ffffff>, it should become this:

    <BODY bgColor=#ffffff style="PADDING: 0px; MARGIN: 0px">

    What you're doing is adding the "style..." section to the very end of the <BODY> tag, just before the last ">" symbol.
  3. Continue editing the message from the Edit tab.

This removes all margins from top and bottom, as well as the left and right borders. However, it's common to only need the top margin removed.

Remove Specific Margins Only

If you don't need to remove the margin from all sides, use these steps to set only the top, bottom, right, or left border to zero.

To start, proceed as above, but instead of using style="PADDING: 0px; MARGIN: 0px", add the following to the <BODY> tag, choosing the one that corresponds to the margin you want to remove.

  • Top: style="PADDING-TOP: 0px; MARGIN-TOP: 0px"
  • Bottom: style="PADDING-BOTTOM: 0px; MARGIN-BOTTOM: 0px"
  • Right: style="PADDING-RIGHT: 0px; MARGIN-RIGHT: 0px"
  • Left: style="PADDING-LEFT: 0px; MARGIN-LEFT: 0px"

For example, you'd add this bold text to the <BODY> tag to remove the right margin:


Just like above, if the <BODY> tag has any other text, just make sure to add the "style" text to the very end of the tag, right before the <BODY> tag closes, like this:

<BODY bgColor=#ffffff style="PADDING-RIGHT: 0px; MARGIN-RIGHT: 0px">

Tip: If it helps to visualize it like this, consider that what you're doing is opening the <BODY> tag, separating the last ">" symbol from the rest (<BODY    >), and then inserting the margin style change at the end, right before the last character (>).

Was this page helpful?