CSS: generated content 13

by J. Albert Bowden

HTML

<dl>
	<dt>term</dt>
	<dd>definition</dd>
	<dt>term</dt>
	<dd>definition</dd>
	<dt>term</dt>
	<dd>definition</dd>
</dl>

CSS

dl {
	counter-reset: term definition;
}
dt:before {
	counter-increment: term;
	content: counter(term, upper-latin) ". ";
}
dd:before {
	counter-increment: definition;
	content: counter(definition, lower-latin) ". ";
}