PDA

Click to See Complete Forum and Search --> : CSS Ordered Lists

Dysan
02-28-2008, 05:39 PM
Hi,

Using CSS & HTML, whats the best way to create the Numbered list as found in the following image?

http://www.freewebs.com/ticstacs/list.bmp
NogDog
02-29-2008, 07:12 PM
This is pretty close:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<title>Untitled</title>
<style type="text/css">
<!--
.dysan {
list-style: decimal outside;
font: 70% arial, helvetica, sans-serif;
}
.dysan li {
margin: 0.8em auto;
line-height: 1.1em;
}
.dysan strong {
font-size: 120%;
text-decoration: underline;
font-weight: bold;
font-variant: normal;
}
-->
</style>
</head>
<body>
<ol class="dysan">
<li><strong>P</strong><br>M</li>
<li><strong>A</strong><br>W</li>
<li><strong>J</strong><br>T</li>
<li><strong>M</strong><br>C</li>
<li><strong>J</strong><br>B</li>
</ol>
</body>
</html>