Floating twice without flow managment

Not trying to control flow

Real rendering (your browser)

col1
col2
col3
ff
more content

With folowing code


			
#sidebar{
	width:30px;
	height:200px;
	background-color:#ddd;
	float:left;
}
#content{
	background-color:#dcd;
	}
	
	#content
	.col{
		float:left;
		height:50px;
		width:30px;
		text-align:center;
		background-color:#cdd;
		}
#content2{
	background-color:#ddc;
}
			
		

			
<div id="sidebar">
	side
</div>
<div id="content">
	<div class="col">
		col1
	</div>
	<div class="col">
		col2
	</div>
	<div class="col">
		col3
	</div>
</div>
ff
<div id="content2">
	more content
</div>
			
		

discuss article. Gleb Arestov was here.