Display Div Tags side by side

If you are using div tags and they display vertically.
   
    <div>
        Test 1
    </div>
    <div>
        Test 2
    </div>
    <div>
        Test 3
    </div>


OutPut:

Sometimes you want them to display horizontally or side by side. Then use style 'float' as shown below.
    <div style="float: left">
        Test 1
    </div>
    <div style="float: left">
        Test 2
    </div>
    <div style="float: left">
        Test 3
    </div>


OutPut: