[WSG] display inline question

[Drake, Ted C.]

My mind is not working very well today.   I've got a question for you.   I was asked to create a nested definition list with the nested dl's looking like simple lines of text.   i.e. instead of this   definition term             definition data   It would look like this: definition term definition data.   I originally did this by floating the dt and dd elements and applying widths and margins to create columns.  All was peachy. But sometimes the dd's are long or the dts are long and the columns start looking like they were shot with some cartoon version of a shotgun.   So, the request was to allow the dt and dd to wrap onto two lines if needed.   I tried to add display inline, but the following dt will also appear on the first line until they just look like one big happy paragraph.   I tried adding combinations of display:inline and display:inline-block, to no success.   I tried using display:inline-table in the faint hope of success... none so.   Has anyone come across a solution for this?   The requester actually made the suggestion of removing the dt/dd and just making them all dt elements.  A shocked look from me and she immediately said, no that wouldn't be semantic and we wouldn't have the future flexibility.  Ah yes, I do hear the doves of peace and joy somewhere.   Ted www.tdrake.net