How do you do this in lists please?

How do you code (in css?), for lists, where it’s something like :

  1. asssssssssssssssssssssssss

  2. assssssssssssssssssssssssssssssss

  3. asssssssssssssssssssssssssssss

    a) assssssssssssssssssssssssssss

    b) asssssssssssssssssssssssssssss

  4. assssssssssssssssssssssssssssssss

    a) asssssssssssssssssssssssss

    b) asssssssssssssssssssssssss

    c) asasasasasas

  5. asssssssssssssssssssssssssss

etc, etc

Any help appreciated.

Dez

It’s called an ordered list, and its structure is written with HTML.

ol (HTML element)

That should help get you started :slight_smile:

If you wish to style the ordered list…there’s a large number of websites with information:

ol li style css - Google Search

You use nested lists.

<ol>
<li>one</li>
<li>two</li>
[COLOR="Teal"][B]<li>[/B][/COLOR]three
   <ol>
   <li>three-a</li>
   <li>three-b</li>
   </ol>[COLOR="teal"][B]</li>[/B][/COLOR]
[COLOR="Sienna"][B]<li>[/B][/COLOR]four
   <ol>
   <li>four-a</li>
   <li>four-b</li>
   <li>four-c</li>
   </ol>[COLOR="sienna"][B]</li>[/B][/COLOR]
<li>five</li>
</ol>

Note how I’ve placed the colour-coded opening and closing tags around the sub-list, it’s important to get that right.

Then in your CSS, you start from

ol li {list-style-type:decimal;}
ol ol li {list-style-type:lower-roman;}

and build up from there.

Many thanks Stevie and Force Flow, in particular Stevie, for detailing the actual code.
:slight_smile: :slight_smile: