How to change margins on email messages

Written by stephen byron cooper Google
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to change margins on email messages
Change the margins on emails by indenting text. (Stockbyte/Stockbyte/Getty Images)

Email messages can be created in two ways. One is to type the message into a text editor integrated into an email system, the other is to create an HTML page and send that out either through a conventional email system, or programmatically by using a mail program. Email systems fall into two categories: PC-based email clients and webmail systems. Hotmail, Gmail and Yahoo! Mail are three examples of popular webmail services.

Skill level:
Moderately Easy


    HTML example

  1. 1

    Create an HTML presentation to mail out. Create a table to contain all the elements in the email. Centre the table in the page.

  2. 2

    Adjust the width of the table to increase or decrease the side margins. You can also indent text within the table to widen the left margin. Cell padding and cell spacing do not work if you send your HTML email out with Gmail.

  3. 3

    Specify a top margin for the table, but set it to zero (“0”). You can also set the bottom margin. These two properties are written as “margin-top: 0; margin-bottom: 18px;” as an example of a top margin of zero and a bottom margin of 18 pixels. Change the size of the bottom margin by changing the 18 to your required margin size.

  4. 4

    Avoid sending out your HTML email with Outlook because it will reformat the layout. You could send the presentation as an attachment to avoid its appearance being altered.

    Mail editor example

  1. 1

    Log in to Yahoo! Mail and click on the “Compose” button at the top of the Inbox. Enter a destination email address in the “To” field.

  2. 2

    Write some text in the email editor panel. Extend the text across several paragraphs. Click on the twelfth button in the menu bar at the top of the editor panel. This button has an arrow pointing to the right into a series of parallel lines. This is the “Indent more” button. The margins will increase on both sides. This action will only affect the paragraph in which the cursor is blinking when the button is pressed.

  3. 3

    Press the eleventh button in the menu bar. This is the “Indent less” button and shows an icon with an arrow pointing left, away from a stack of horizontal lines. The margins on both sides will reduce with each click of this button. Again, the actions of this button only apply to the current paragraph.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.