Numbering options on ordered lists : ol : List Style HTML CSS TUTORIALS


HTML CSS TUTORIALS » List Style » ol »

 

Numbering options on ordered lists


 

<!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=UTF-8" />
<title>Numbering options on ordered lists</title>
<style type="text/css">
ol li ol li {list-style-type:upper-alpha;}
ol li ol li ol li {list-style-type:lower-alpha;}
ol li ol li ol li ol li {list-style-type:upper-roman;}
ol li ol li ol li ol li ol li {list-style-type:lower-roman;}
</style>
</head>

<body>
<ol>
  <li>This is a list item</li>
  <li>This is a list item
    <ol>
      <li>This is a list item</li>
      <li>This is a list item
        <ol>
          <li>This is a list item</li>
            <li>This is a list item
              <ol>
                <li>This is a list item</li>
                  <li>This is a list item</li>
                  <li>This is a list item
                    <ol>
                      <li>This is a list item</li>
                        <li>This is a list item</li>
                        <li>This is a list item </li>
                    </ol>
                  </li>
              </ol>
            </li>
        </ol>
      </li>
    </ol>
  </li>
</ol>
</body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo List Style
» ol