Monday, April 22nd, 12:58 pm
<style>
*{
/*Shows the borders for all the boxes*/
border: 1px solid green;
}
.main{
min-width: 600px;
height: 118px;
}
#1{
float: left;
}
#2{
/*Change the width on the sides to what ever size you want*/
margin-left: 113px;
margin-right: 113px;
}
#3{
float: right;
}
</style>
<body>
<div class="main">
<!-- The order of the id is really important -->
<div id="1"> Left side first </div>
<div id="3"> Right side second </div>
<div id="2"> Middle Last </div>
</div>
</body>
Back to Layout Solutions
designed by Entangle Design | site map | hosted by Sandstone Solutions Ltd | copyright © 2004