I have a div that is populated with a bunch of span tags, each having there own class. They are colored differently to show separation. They show up in the div side by side. The problem is that when the 'glossDef' span has a lot of text its height expands based on padding (I think it's padding, not important) and the 'glossAcro' span stays the same height so that now you see a white space under the 'glossAcro' span.
I need this 'glossAcro' span to expand in height whenever the 'glossDef' span expands in height. Is this easily done?
<span class='glossAcro'>AC</span><span class='glossDef'>AC def</span>
<span class='glossAcro'>DC</span><span class='glossDef'>DC def</span>