I have 3 (div) tags set inside another (div). The three interior divs are laid out as text columns. When the page is resized, I want them to collapse under each other in one column, within the outer box . This works fine using float:left; . However, this also causes the exterior div to collapse and float outside the text boxes.
How can I keep the inner divs contained inside the outer one, whilst still realigning into one column?