Template that has an Indented list

Does anyone have a template that has an ordered list?

You can insert this within the Inner HTML of a rectangle.

  <li>This is item 1</li>
  <li>This is Item 2</li>

For styling options, check this out: https://css-tricks.com/almanac/properties/l/list-style/. Any CSS you wish to use should be included in the <head> area of your document. You can edit the contents of the … of your exported .html file by clicking on ‘Edit HTML Head’ in the Document Inspector. You may also need to uncheck ‘Protect from External Styles’ in the Document inspector as well.

1 Like

You may also want to look at this.


This CSS

<STYLE type="text/css">
    UL, OL { counter-reset: item }
    LI { display: block }
    LI:before { content: counters(item, "."); counter-increment: item }

as in one of the examples in above LINK shows this list type code

           <li> Envelopes
           </li><li> Notepaper
           </li><li> Letterhead
           </li><li> Poster paper 
           <span class="endoflist">(End of Paper)</span>
     </li><li> Pens:
           <li> Blue writing pens
           </li><li> whiteboard pens 
           <span class="endoflist">(End of Pens)</span>
           <li> paper clips
           </li><li> staples
           </li><li> Big lengths of rope. 
           <span class="endoflist">(End of Fasteners)</span>
     <span class="endoflist">(End of Office Supplies)</span>

which normally results in this

<img src="/uploads/db2156/original/2X/7/776decd32f333e2cce108ac2d341ac2200b03553.JPG" width=“390” height=285">

Changes it to this.

Pretty bloody neat…


Thanks Daniel. I will try this out

Thanks mark. This isn’t quite what I want… I will keep looking. In the meantime, here is a screenshot of what I want.

Neomi Vembu

Try using…

ul li{word-wrap:break-word; width:300px;}

Adjust the ‘width:300px’ to suit your needs


(post withdrawn by author, will be automatically deleted in 24 hours unless flagged)

After 2 weeks of searching: I found what I wanted:
here is the code:

    Since you cannot put in header and document tags in the text boxes, you can put inline code into your text…GOod learn for all.