Next »
263/920
« Previous

Compare OL list style type, lower-latin/upper-latin in HTML and CSS

Description

The following code shows how to compare OL list style type, lower-latin/upper-latin.

Example


<html>
<head>
<!--from   ww  w.  j av  a  2 s  .  c om-->
<style type='text/css'>
ol#lower-latin li {
list-style-type: lower-latin;
}
ol#upper-latin li {
list-style-type: upper-latin;
}
</style>
</head>
<body>
<ol id='lower-latin'>
<li>This is the first list item.</li>
<li>This is the second list item.</li>
<li>This is the third list item.</li>
</ol>
<ol id='upper-latin'>
<li>This is the first list item.</li>
<li>This is the second list item.</li>
<li>This is the third list item.</li>
</ol>
</body>
</html>

Click to view the demo

The code above generates the following result.

Compare OL list style type, lower-latin/upper-latin in HTML and CSS
Next »
« Previous