html/css two divs on the same line

When designing the interface, it is often necessary to display two divs on the same line.

But I always forget how to do it, so here is an essay and a memo.

To display the "first div" and "second div" on the same line as follows:

/*Outer div*/

   

First div

   

Second div

You only need to add css styles to id2 and id3, as shown below:

/*Outer div*/

 

float:left;">First div

 

float:left;">Second div

That’s it. It's very simple.