 
 ()

  ""
    
 float.
      
    
  (
 )
(.   9 
 ). 
  :
[IMG]
/css/ve1.jpg
 , , , 
   
,   
  :
[IMG]
/css/ve2.jpg
  ?
HTML-   
:

<div id="picture">
<img src="bill.jpg" alt="Bill 
Gates"/>
</div>
<p>causas naturales et
antecedentes,
idciro etiam nostrarum voluntatum...</p>

  
,    ,
    ,  , 
   float
 left:

#picture {
float:left;
width: 100px;
}


 : 
/Floats 
  
  .
      
  HTML-
 <div>  :

<div id="column1">
<p>Haec disserens qua de re
agatur
et in quo causa consistat non
videt...</p>
</div>

<div id="column2">
<p>causas naturales et
antecedentes,
idciro etiam nostrarum voluntatum...</p>
</div>

<div id="column3">
<p>nam nihil esset in nostra
potestate si res ita se
haberet...</p>
</div>

  
 ,
,33%,  
  
   float:

#column1 {
float:left;
width: 33%;
}

#column2 {
float:left;
width: 33%;
}

#column3 {
float:left;
width: 33%;
}

float   
left, right  none.
 
voluntatum...</p>

   
  
,  
   CSS:

#picture {
float:left;
width: 100px;
}

.floatstop {
clear:both;
}

