The following image will describe the scenario what i am going to explain further
use the following code to create the above scenario using CSS and HTML
</pre>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.container
{
float: left;
clear: none;
height : 140px;
width : 720px;
background-color:yellow;
}
.left
{
height : 100px;
width : 200px;
background-color:blue;
float: left;
clear: none;
text-align:center;
margin:20px;
}
.middle
{
height : 100px;
width : 200px;
background-color:green;
float: left;
clear: none;
text-align:center;
margin:20px;
}
.right
{
height : 100px;
width : 200px;
background-color:red;
float: left;
clear: none;
text-align:center;
margin:20px;
}
</style>
</head>
<body>
<div>
<div> left</div>
<div> middle</div>
<div>rght</div>
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<p>Visit for more : http://futuredev.info/ </p>
</body>
</html>
<pre>
akb48 dvd
May 16, 2013 at 10:38 pm (UTC 0) Link to this comment
Hello, Neat post. There’s a problem with your site in web explorer, could check this?IE still is the market leader and a good section of other people will omit your magnificent writing due to this problem.