div同じ行に表示


一般的に私たちがウェブページを作るときに2つのDIVを置くと、表示するときにこの2つのDIVは列の面で表示されます.つまり、2番目のDIVは1番目の下に表示されます.この2つのDIVを行の方向に表示したい場合は、次のcssで実現できます.
<html>
<head>
<style type="text/css">
.left1{
float:left; /**//*           col1    ,      (  )         (    :   div,  ,   ) */
width:300px;height:300px;
background:#eee;
border:1px solid #ccc;
}
.left2
{
float:left;/**//*           col2     ,   col1    */
margin-left:5px;/**//*  col2 col1       */
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>