Next »
265/920
« Previous

Compare list style type: lower latin, upper latin in HTML and CSS

Description

The following code shows how to compare list style type: lower latin, upper latin.

Example


<html>
<head>
<style type='text/css'>
ol {<!--  w  ww  . ja  v a 2 s .  c  o  m-->
font-family: sans-serif;
}
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 list style type: lower latin, upper latin in HTML and CSS
Next »
« Previous