Skip to content

Instantly share code, notes, and snippets.

@hteumeuleu

hteumeuleu/list.html

Last active September 23, 2019 20:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hteumeuleu/c98f023cccbdb39a5bc2a452b639f3bb to your computer and use it in GitHub Desktop.
Save hteumeuleu/c98f023cccbdb39a5bc2a452b639f3bb to your computer and use it in GitHub Desktop.
Download ZIP
Raw
list.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>List</title>
<meta name=Generator content="Microsoft Word 15 (filtered medium)">
<style type="text/css">
@list heart {
mso-level-number-format: bullet;
mso-level-text: ♥;
}
@media screen and ( -webkit-min-device-pixel-ratio:0 ) {
.heart { list-style: none; }
.heart:before {
content: '♥';
margin-left: -1.4em;
}
.heart span {
padding-left: .5em;
}
[class="x_heart"] { list-style: initial !important; }
[data-outlook-cycle] .heart { list-style: initial !important; }
}
</style>
</head>
<body>
<ul type="disc">
<li class="heart" style="mso-list:heart;">
<span>
Heart Bullet
</span>
</li>
</ul>
<ul style="Margin:0; Margin-left: 25px; padding:0; font-family: Arial, sans-serif;" type="disc">
<li class="heart" style="mso-list:heart;">
<span>
Heart Bullet
</span>
</li>
</ul>
<ul>
<li class="heart" style="mso-list:heart;">
<span>
Heart Bullet
</span>
</li>
</ul>
</body>
</html>
@hteumeuleu
Copy link
Author

Based on this article: https://litmus.com/blog/the-ultimate-guide-to-bulleted-lists-in-html-email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment