CSS responsive float left and right (change which div goes on top)?

Question

I\'m working on this page: http://www.insidemarketblog.com/test-4/

You\'ll see that the word \"test\" is in the div floated left, and the image is in the div floated

Answer 1

float them both the same direction.

Answer 2

You can swap the order of the HTML tags to achieve the desired effect.

Change this:

<div class="main_header">
<div class="banner_left">
<p>test</p>
</div>
<div class="banner_right">
<img src="http://www.insidemarketblog.com/wp-content/uploads/2014/04/oz_main3.jpg">
</div>
</div>

To this:

<div class="main_header">
<div class="banner_right">
<img src="http://www.insidemarketblog.com/wp-content/uploads/2014/04/oz_main3.jpg">
</div>
<div class="banner_left">
<p>test</p>
</div>
</div>