css - same line height for <dd> <dt> attributes / whitespaces in definition lists -

i can't find solution this:

within application table defined <dd> , <dt> within <dl>. contents in document title long fit in 1 row there possibility "whitespace: no-wrap" "white-space: normal" - while abbreviation of label "…" thing want avoid user needs whole title understand. lable needs in 2 lines. that's not problem, how can tell following attribute have same line-height attribute above?

i copied code given css attributes in pen: (sorry crappy code, development system giving lot of stuff here)

http://codepen.io/anon/pen/aokvek

giving more space whole table not possible there no more width give within application.

what best solution have dynamic css without defining 2 lines, fixed line-height whole definition list or other hard fixes?

thanks answering & reading

try in css, in addition whatever other styling want list:

dt, dd { display: block; float: left; } dt { clear: both; }