Styling definition lists

Because there is no legal block-level element that can contain a definition term and its associated definitions (apart from the dl element) it's seemingly impossible to style a semantic definition list to look like a table (a very common print way of showing definintions).

Ideally, the colours below line up, but I can't find a way to get them to do so (not even with display:table-* in proper browsers as there is nothing to style as a table-row).

Allowing a div to surround each term and its defintions, then floating and clearing it left, solves the display problem.


Velit esse cillum dolore in reprehenderit in voluptate duis aute irure dolor. Consectetur adipisicing elit, excepteur sint occaecat sunt in culpa. Velit esse cillum dolore eu fugiat nulla pariatur. Ut aliquip ex ea commodo consequat.

Mollit anim id est laborum. Ut enim ad minim veniam, consectetur adipisicing elit, ullamco laboris nisi. Lorem ipsum dolor sit amet, sunt in culpa quis nostrud exercitation.

Building flexibility through spreading knowledge and self-organization, exploiting the productive lifecycle to experience a profound paradigm shift. Through the adoption of a proactive stance, the astute manager can adopt a position at the vanguard.
never hurt anyone