How do I style a definition list so it appears as an ordered list?

December 11, 2004 7:55 PM

CSSFilter: I'm creating a glossary list on a webpage. So I'm using a definition list markup. But the list is long so I'd like the list to be ordered. I tried using CSS in an attempt to display the definition terms in an ordered way. But my CSS-foo failed me. Can the CSS wizards here tell me what I should do? [Markup Inside]

The example file with the markup is here.

dl
		{
		list-style-type: decimal;
		}

dt
		{
		display: list-item;
		}

	

		
First definition term goes here
		
First defined definition goes here
		
Second definition term goes here
		
Second defined definition goes here
		
Third definition term goes here
		
Third defined definition goes here
	

posted by timyang to Computers & Internet (2 answers total)

UL doesn't normally start a counter. Read here and do with DT what they do with H1. But note that is CSS2 and may not be universally supported.
posted by nicwolff at 8:30 PM on December 11, 2004

Sorry, by "UL doesn't normally start a counter" I meant "I don't think DL normally starts a counter".
posted by nicwolff at 8:32 PM on December 11, 2004