Why isn't my container div adjusting its height when the content div expands? I need the summary
div to grow along with the house-address
div, as shown in the code snippet below. Any assistance would be greatly appreciated.
HTML:
<div class="summary shortS">
<div class="house-address">
<h2>booboo</h2>
<p>hehe hehee hdhddgf jfhfjf lkjgkhgh kjgkjg itutiut mhvjhgjhfg nbcncnb nbcnbc</p>
</div>
<div class="house-price">
<h4>$17272</h4>
<p>Guide Price</p>
</div>
<br style="clear:both;" />
</div>
CSS:
.summary.shortS {
display: block;
height: 64px;
}
.house-address {
width: 400px;
float: left;
}
.house-price {
width: 150px;
float: right;
}