Property Values
Value Description
left No floating elements allowed on the left side
right No floating elements allowed on the right side
both No floating elements allowed on either the left or the right side
none Default. Allows floating elements on both sides
Example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<!-- <script type="" src=""></script> -->
<style>
body {margin: 0px 5px 0px 5px;}
#banner {}
#nav {float:left;width:250px;border:black 1px solid;}
#main {border:black 1px solid;margin:0px 0px 5px 255px;padding:0px 0px 25px 5px;}
#bottom {text-align:center;height:100px;background-color:black;color:white;clear:both;}
#bottom #b1 {float:left;width:33%;}
#bottom #b3 {float:right;width:33%;}
#bottom #b2 {float:left;width:33%;border-left:white 1px dotted;border-right:white 1px dotted;}
</style>
</head>
<body>
<div id="">
<div id="banner">BANNER</div>
<div id="nav">NAVIGATION<br/><br/><br/><br/><br/>...</div>
<div id="main">
bla<br/>bla<br/>bla<br/>bla<br/>bla<br/>bla<br/>bla<br/>bla<br/>bla<br/>
</div>
<div id="bottom">
<div id="b1">
AREA 1
</div>
<div id="b2">
AREA 2
</div>
<div id="b3">
AREA 3
</div>
</div>
</div>
</body>
</html>