Two div on the same line, two div not wrapped

Method One:

<div style= "Display:inline" >

<div id= "Div1" style= "Float:left" >div1 content</div>

<div id= "Div2" style= "Float:left" >div2 content</div>

</div>

The above Div1 and Div2 will be displayed on the same line.

。。 (This method will generally work)

Method Two:

<div id= "Div1" style= "Float:left" >div1 content</div>

<div id= "Div2" style= "Clear:both" >div2 content</div>

Such a method sometimes does not work, as if the introduction of other JS framework in the use of parts will fail.

Two div on the same line, two div not wrapped