div在同一行中显示

 一般我们在做网页的时候如果放两个DIV，那在显示的时候这两个DIV是在列的方面上显示的，也就是第二个DIV显示在第一个的下面，如果我们想要让这两个DIV在行的方向上显示，可以用下面的css来实现 < html >

< head >

< style  type ="text/css" >

.left1 {

float : left ;  

width : 300px ; height : 300px ;

background : #eee ;

border : 1px solid #ccc ;

}

.left2

{

float :left ;

margin-left : 5px ;

width : 490px ; height : 300px ;

background : #ddd ;

border : 1px solid #ccc ;

}

</ style >

</ head >

< body >

< div  class ="left1" >

You did a good job!

</ div >

< div  class ="left2"   >

You did a good job!

</ div >

</ body >

</ html >