Skip to content

Instantly share code, notes, and snippets.

@hteumeuleu

hteumeuleu/button-overlapping.html

Last active August 13, 2019 09:46
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save hteumeuleu/4e0342f27c91457411e2bb7a770b7c49 to your computer and use it in GitHub Desktop.
Save hteumeuleu/4e0342f27c91457411e2bb7a770b7c49 to your computer and use it in GitHub Desktop.
Download ZIP
Example of button overlapping for @irmavdk on #emailgeeks Slack
Raw
button-overlapping.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>button overlapping</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px; background:#e5f3f6;">
<tr>
<td>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque explicabo perferendis omnis, tenetur incidunt quas cumque quae ipsa, neque consequuntur harum quod nesciunt veritatis exercitationem dolorum magni dolorem. Esse, ex!
</p>
<div style="max-height:20px; overflow:visible !important;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin:0 0 0 auto; border-radius:20px; background:#70bfce;">
<tr>
<td style="width:140px; height:40px; text-align:center; vertical-align:center; font:bold 16px Verdana, sans-serif; color:#fff;">Lees verder</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<p style="height:20px; margin:0;"></p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment