Thread: How to covert integers to roman numerals?
View Single Post
Old 03-17-2017, 01:21 PM   #5
chaot
Head of lunatic asylum
chaot will give the Devil his due.chaot will give the Devil his due.chaot will give the Devil his due.chaot will give the Devil his due.chaot will give the Devil his due.chaot will give the Devil his due.chaot will give the Devil his due.chaot will give the Devil his due.chaot will give the Devil his due.chaot will give the Devil his due.chaot will give the Devil his due.
 
chaot's Avatar
 
Posts: 349
Karma: 77620
Join Date: Jun 2012
Location: UTC +1
Device: Tolino Vision 3HD
@DaleDe Advantageously to know what all is possible.
BTW: "list-style" is shortcut for "list-style-type"!

HTML
Spoiler:
Code:
<body>

  <ol>

    <li>first item (upper roman)</li>

    <li>second item</li>

    <ol>

      <li>second item/1. sub (upper alpha)</li>

      <li>second item/2. sub</li>

      <li>second item/3. sub</li>

      <ol>

        <li>second item/3. sub/A (lower roman)</li>

        <li>second item/3. sub/B</li>

        <ol>

          <li>second item/3. sub/B/a (lower alpha)</li>

          <li>second item/3. sub/B/b</li>

          <li>second item/3. sub/B/c</li>

          <ol>

            <li>second item/3. sub/B/c/1 (decimal)</li>

            <li>second item/3. sub/B/c/2</li>

          </ol>

        </ol>

      </ol>

    </ol>

  </ol>

</body>


CSS (item + 4 subitems)
Spoiler:
Code:
  ol {
    list-style: upper-roman;
  }
  ol ol {
    list-style: upper-alpha;
  }
  ol ol ol {
    list-style: lower-roman;
  }
  ol ol ol ol {
    list-style: lower-alpha;
  }
  ol ol ol ol ol {
    list-style: decimal;
  }


Click image for larger version Name: List (test).png Views: 290 Size: 41.2 KB ID: 155706
List (test)
Last edited by chaot; 03-17-2017 at 01:29 PM. Reason: updating code & image
chaot is offline   Reply With Quote