Two Div's Next To Each Other But First Div Going To Second Line

I have a scenario where I have two divs. I would like the second div to immediately follow the first. Currently, the space I have to work with is small, so the text in the first

Solution 1:

Change your

<div id="two" style="float: left;"></div>
<div id="three style="float: left;"></div>

To

<div id="two" style="float: left;"></div>
<div id="three"></div>

NOTE: You no need to float both the div to left