How can several left an d right div in a container div

rleahong · 03-07-2013, 12:23 PM

can i put several left and right div in a container div . and also can I put
4 div side by side in a container div

sunfighter · 03-07-2013, 03:06 PM

Yes:

Code:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style type="text/css">
.container{
width:80%;
height: 400px;
background-color: blue;
}
.section{
float:left;
width: 13%;
height: 350px;
background-color: green;
margin-right: 5px;

}
.goright{
	float:right;
	width: 13%;
	height: 350px;
	background-color: pink;
	margin-right: 5px;
	margin-left: 5px;
}
</style>
</head>

<body>
<div class="container">
<div class="section"></div>
<div class="section"></div>
<div class="section"></div>
<div class="section"></div>
<div class="goright"></div>
<div class="goright"></div>
</div>
</body>
</html>