Need help with HTML-Email-Hacks?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

130 Stars 8 Forks 42 Commits 1 Opened issues


A series of HTML hacks for all those lovely Email clients out there

Services available


Need anything else?

Contributors list

# 728,144
11 commits
# 80,349
9 commits
2 commits
# 456
1 commit
# 1,844
1 commit


A series of HTML hacks for all those lovely Email clients out there.

This repo is a place to put all of the HTML Email hacks we all depend on so much to get our campaigns looking and feeling sweet and spiffy.

Links and Helpful Tools

  • Responsive Email Resources:
  • Bulletproof Buttons:
  • Bulletproof Backgrounds:
  • HTML Email Boilerplate:
  • Special characters for HTML Email:
  • Send HTML Email with Google Docs:
  • SpamAssassin Spam Scores:
  • W3C HTML for email Community Group:
  • The Ultimate Guide to CSS:

Click To Tap:

Change button text responsively

@media screen and (max-width:600px) {
    span[class=click] { display: none !important; max-height: 0 !important; }
    span[class=tap]:after { content:"Tap"; }
Click here

-courtesy of Nicole Merlin

Kill Gmail App Zooming:

Stop Gmail app from zooming text


-courtesy of Chris Wise

Target Webkit Clients:

Webkit support is best support

@media screen and (-webkit-min-device-pixel-ratio:0) { }

-courtesy of Kevin Mandeville

Margins and Float in Outlook:

Use a capital “M” or “F”

style="Margin: 20px; Float: left"

-courtesy of Nicole Merlin

Interactive Email in Gmail:

No Class or ID selector support

Use lang as selector with "x-" prefix

* [lang~="x-selector"] { }

-courtesy of Justin at FreshInbox

Interactive Email con’t - Hover!:

Hover effect works on these clients:


* [lang~="x-selector"]:hover { }

Outlook Web:


Yahoo! Web:


-courtesy of Justin at FreshInbox

Outlook “View in Browser”:

Forces Outlook to provide a “view in browser link”

#outlook a { padding: 0; }

Images in Outlook 2013:

Fix broken images in Outlook 2013


Remove autolink styling in iOS:

Fix automatic styling of phone numbers, etc.

Use a span:

.appleLinksBlack a { text-decoration:none !important; }
.appleLinksBlack a { color:#000000 !important; }
Add additional classes such as
.appleLinksWhite a
.appleLinksPink a
when appropriate

-courtesy of Justine Jordan

Stop some clients from stripping class:

Some clients strip any lines starting with “.”

Use a space before any class styling

 .selector { }

-courtesy of Campaign Monitor

Hide content in Office 365 (incl Webmail):

Office 365 strips display, mso-hide, mso conditional

Set font-size in containing cell to “0px”

Good formatting for bulleted list:

Stops bullet from sitting between two lines

Prolongs oil life

-courtesy of Michelle Klann

Ghost column to emulate "align" in Outlook

Outlook hates "align"; we love conditionals

    Table X
    Table Y

-courtesy of Mike Ragan

Windows Phone 8 CSS3 support (IE Mobile)

Windows Phone 8 renders with IE7 standards by default with POP3/IMAP accounts

Note: Exchange ActiveSync based accounts do not benefit from forcing the document mode because the rendering engine is not IE Mobile.

For more information see

-courtesy of zerocents and James White

Fix mailto in stops mailto from opening a new message



-courtesy of Matthijs

Fix mailto in gmail

gmail strips subject and body from mailto links

Use lowercase for subject and body attribute

[email protected]

-courtesy of SV

Image gaps in Office 365 (OWA)

Office 365 strips display:block causing images to have massive gaps

Wrapping an image in a

with a height equal to the image height will simulate a block element for clients that won't accept
Image Description

In some cases the addition of

may be required in order to remove further gaps created by certain CSS properties set on the parent element i.e. table cell such as line-height.

Warning: Small font sizes can effect your spam score.

For more information visit:

-courtesy of James White at

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.