I write a lot of online help for web apps and software and I’ve found that sometimes I need to add examples in the middle of the list. There are a number of ways to do this:  one was my original workaround prior to v6 and the other is the method provided by Flare v6. I’ll discuss my way here.

My Workaround (which works great for me!)

Before you implement this, you need to create a style class called p.list_example or whatever works for you. I set the text indent to match the indent amount of the <li> tags, set a background color so the example stands out somewhat among the list items, and then I set the auto-number so the tag always starts with Example: .

The resulting css for this style class is:

padding-top: 5px;
padding-bottom: 5px;
margin-left: 0px;
text-indent: 5px;
background-color: #eff7fc;
mc-auto-number-format: ‘{b}Example{/b}: ‘;


  1. Create your list, ordered or unordered, doesn’t matter.
  2. When you get to the item for which you need to put in an example, hit the Enter key.
  3. When either the bullet or the number appears, click the outdent icon  on the tool bar. This will result in the <li> tag becoming a <p>.
  4. Set the <p> to <p.example> and then add the example text.
  5. When you’re done, hit Enter and then click the bulleted list icon . Be sure to select either ordered (numbered list) or unordered (bulleted list).
  6. Click the list options icon and select if you want the numbering to continue from the previous <li>.

Here’s what you get when you’re done:

Leave a Reply?

Recent Posts