Set OL list style type to upper roman in HTML and CSS

Description

The following code shows how to set OL list style type to upper roman.

Example


<html>
<head>
<style type='text/css'>
ol {<!--   ww w.  jav a  2s  .  com-->
font-family: sans-serif;
list-style-type: upper-roman;
}
</style>
</head>
<body>
<ol>
<li>This is the first list item.</li>
<li>This is the second list item.</li>
<li>This is the third list item.</li>
<li>This is the fourth list item.</li>
<li>This is the fifth list item.</li>
</ol>
</body>
</html>

Click to view the demo

The code above generates the following result.

Set OL list style type to upper roman in HTML and CSS

Home »
  HTML CSS Tutorial »
    List »
      Ordered List

Set OL list style type to upper roman in HTML and CSS

Description

Example

Set OL list style type to upper roman in HT...