Высота div обертки равна 0 с плавающими элементами внутри
У меня есть обертка<div> который содержит два внутренних<div>с плавающей.
<div class="outside" style="border:1px solid #555;">
<div class="inside" style="float:left; width:40px;">CONTENT</div>
<div class="inside2" style="float:left; width:40px;">CONTENT</div>
</div>
Проблема в обертке<div> имеет ширину 80 пикселей с двумя внутренними<div> 40px каждый. Но всегда обертка<div> является0px в высоте, которая заставляет границу казаться линией наверху.
Поэтому я поместил два внутренних<div>с внутри<table>, Это сработало хорошо. Но как мне избежать этой проблемы, не идя на<table>?