Look at the following code:
what I want is to place the div.box is to be placed permanently at right bottom and it should wrap the text.
Thanks for your suggestions.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.text{
margin: 10px auto;
width: 480px;
}
div.box{
width: 210px;
height: 190px;
float: right;
position: relative;
bottom:0px !important;
right:0px;
border: 1px solid red;
background-color:red;
}
-->
</style>
</head>
<body><div class="text">
[b]<div class="box"></div>[/b]
<h1>Your Header Goes Here</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Vestibulum pharetra scelerisque nisl. Curabitur porttitor eros in
est. Pellentesque porta libero eu turpis. Curabitur porttitor eros in est.
Pellentesque porta libero eu turpis. Curabitur et leo ut felis pretium commodo.
<br />
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum pharetra
scelerisque nisl. Curabitur porttitor eros in est. Pellentesque porta libero
eu turpis. Curabitur porttitor eros in est. <br />
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum pharetra
scelerisque nisl. Curabitur porttitor eros in est. Pellentesque porta libero
eu turpis. Curabitur porttitor eros in est. Pellentesque porta libero eu
turpis. Curabitur et leo ut felis pretium commodo. <br />
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum pharetra
scelerisque nisl. Curabitur porttitor eros in est. Pellentesque porta libero
eu turpis. Curabitur porttitor eros in est. Pellentesque porta libero eu
turpis. Curabitur et leo ut felis pretium commodo. <br />
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum pharetra
scelerisque nisl. Curabitur porttitor eros in est. Pellentesque porta libero
eu turpis. Curabitur porttitor eros in est.<br />
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum pharetra
scelerisque nisl. Curabitur porttitor eros in est. Pellentesque porta libero
eu turpis. Curabitur porttitor eros in est.<br />
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum pharetra
scelerisque nisl. Curabitur porttitor eros in est. Pellentesque porta libero
eu turpis. Curabitur porttitor eros in est.
<div class="fix"></div>
</div>
</body>
</html>