Skip to content

Instantly share code, notes, and snippets.

@codeonion
Created February 19, 2019 10:37
Show Gist options
  • Save codeonion/4b2a35d166f61cdf9551cc07b2a48f7f to your computer and use it in GitHub Desktop.
Save codeonion/4b2a35d166f61cdf9551cc07b2a48f7f to your computer and use it in GitHub Desktop.
custom Unsorted list bullets
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style: none; /* Remove HTML bullets */
padding: 0;
margin: 0;
}
li {
padding-left: 16px;
}
li::before {
content: "locha ✓ ✔ ☑ ✅ ✕ ✖ ✗ ✘"; /* Insert content that looks like bullets */
padding-right: 8px;
color: blue; /* Or a color you prefer */
}
</style>
</head>
<body>
<h1>The content Property</h1>
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Cononut</li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment