List Items with Horizontal Divider (Middle Border)

Sometimes I like to have a divider specially for lengthy list items. There is a nice small trick to do this!

How to use it in your TiddlyWiki

  • Create a new tiddler
  • Tag it with $:/tags/Stylesheet
  • Put the below css styles in it and save
li + li {
    border-top: 1px dotted grey;
}

NOTE: This will have global affect, if you like you can create a custom class to use this style on demand!

4 Likes