Nested OL tag : ol « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. ol

Nested OL tag

    

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>XOXO</title>
<style type="text/css">

ol[compact="compact"] { 
   display:none; 
}

</style>
</head>

<body>
<ol>
  <li>Subject 1
    <ol>
        <li>subpoint a</li>
        <li>subpoint b</li>
    </ol>
  </li>
  <li>Subject 2
    <ol compact="compact">
        <li>subpoint c</li>
        <li>subpoint d</li>
    </ol>
  </li>
  <li>Subject 3
    <ol>
        <li>subpoint e</li>
    </ol>
  </li>
</ol>

</body>
</html>








Related examples in the same category

1.'ol' creates an indented numbered (ordered) list
2.'start' specifies the starting number in an ordered list
3.'type' defines the style for the list items
4.Unordered Lists
5.OL tag
6.Style for 'ol li'
7.list-style: none for OL
8.Add border to LI tag
9.Three level OL list
10.ol elements without a type attribute: have a numeric sequence type (i.e., 1, 2, ...)
11.A nested ordered list
12.Example of the start Attribute
13.Example of the value Attribute
14.Ordered lists started at 5
15.Numbering options on ordered lists
16.ol { counter-reset:Item }
17.Ordered List Example
18.ol {list-style-type: lower-roman;}