Skip to content

Instantly share code, notes, and snippets.

@smithcommajoseph
Created March 26, 2012 23:25
Show Gist options
  • Save smithcommajoseph/2210598 to your computer and use it in GitHub Desktop.
Save smithcommajoseph/2210598 to your computer and use it in GitHub Desktop.
EMAIL TEMPLATE TIPS
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
line-height: 1;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
ins {
}
del {
text-decoration: line-through;
}
a, a:visited {
color:#0c3265;
text-decoration: none;
font-weight:bold;
display: inline;
}
a:hover {
text-decoration:underline;
}
a, :focus {
outline: none;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}
select, input, button, textarea, button {
font-family: Helvetica, Arial, sans-serif;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table td {
vertical-align: top;
}
table#outer,
table#outer td{
text-align:center;
width:100%;
}
table#inner{
width:600px;
margin:0 auto;
}
table#inner td{
text-align: left;
}
<html>
<body>
<style>
<!-- inline email styles go inside the body -->
</style>
<table id="outer" cellspacing="0" border="0" cellpadding="0" width="100%">
<tr>
<td width="100%">
<table id="inner" cellspacing="0" border="0" cellpadding="0" width="600px">
<tr>
<td>
stuff goes here
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment