CSS: generated content 11

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) ". ";
}
dd:before {
	counter-increment: definition;
	content: counter(term) "." counter(definition) " ";
}