Putting a Border Around Floating Elements

Question

Say I have something like the following code, where I want to display some text between two images that I am floating left and right.

Answer 1

In CSS, floated elements do not add height to a parent by default.

The solution is simply to set overflow: hidden.

    
    
Test Text

fiddle: http://jsfiddle.net/JNets/