Question

I have two divs:

<div style="height:30px; font-weight:bold" align="center">
  <div class = 'membership_description'>
   stuff here, nested <div> etc.
  </div>

 <div style="height:30px; font-weight:bold" align="center">Using Coupon &amp;quot;special-current&amp;quot; - Special access just for current members</div>

For some reason, the second div ends up appearing in the middle of all the stuff under the first div.

I tried ‘display: block’ for the first div but no love, ideas?

I think I see part of the problem — there is this inline style — when I remove “height” from Google Chrome, it becomes normal. But I don’t have access to that, only css…can I override?

Answer 1

add <div style="clear: both"></div> under the nested divs