- Open https://tiddlywiki.com/
- Create a tiddler with content:
<style>
@counter-style new-style {
system: extends decimal;
suffix: ") ";
prefix: "(";
}
ol {
list-style-type: new-style;
list-style-position: inside;
}
</style>
# One
# Two
# Three
and get a nice new ordered list like below
(1) One
(2) Two
(3) Three
Oh man, this is lovely! a newbie can understand how this works and can create his/her own style! no headache with all those old pseudo elements, extra markups.
Small note: This works in modern browsers.