What is wrong with this html code?

Question

<div style="float: left">text1</div> 
<div style="float: right;">text2</div>
<div class="random_class">text3</div>

Here is the problem. Random_class goes to the top, on the text1 and text2. What is wrong? Thank you.

Answer 1

You need to clear the floats, below is an example of it.

<div class="random_class" style="clear:both">text3</div>

You could also do

.random_class {
    clear: both
}