Author's note: The note below is part of a digital garden. Therefore, it is likely incomplete, inaccurate or both. In other words, it's just like other information sources but perhaps to a higher degree. That said, it may still be worth exploring.

Web Development

July 17, 2020 Updated: July 24, 2020

css

utf8 characters for bullets

This solution solves the problem when longer bulleted text wrap around on a line and appears below the bullet.

<style>
li.new:before { content: "🆕"; margin-left: -1.5em;}
li.updated:before { content: "🆙"; margin-left: -1.5em; }
li.plain:before { content: "●"; margin-left: -1.2em; margin-right: .3em; }
a.link { text-indent: 0 }
</style>

<ul style="list-style:none">
<li class="new"><a class="link" href="">Some text</a></li>
<li class="update"><a class="link" href="">Some text</a></li>
<li class="plain"><a class="link" href="">Some text</a></li>
</ul>

Hat tip to commenter “judyofthewoods” at https://ryansechrest.com for this trick.

Fix for bullets appearing at the bottom of an item with an iframe:

css - Position the <li> dot at the top - Stack Overflow
```
li > * {
vertical-align: text-top;
}
```

OFFERINGS

Web Development

css

utf8 characters for bullets

Sandbox areas

Other notes linking here: