Example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<style>
body{
font: 12px verdana;
}
span{
background: #e5e5e5;
padding: 3px 10px;
border: 1px solid #000000;
position: relative;
top: 2px;
}
..left{
float: left;
padding: 5px 1px;
}
..right{
float: right;
padding: 5px 1px;
}
..spacer {
clear: both;
}
..tabContent{
padding: 10px;
border: 1px solid black;
height: 200px;
}
</style>
</head>
<body>
<div class=tabContainer>
<div class=left>
<span>Tab1</span>
<span>Tab2</span>
<span>Tab3</span>
</div>
<div class=right><span>Tab Right</span></div>
<div class="spacer"></div>
</div>
<div class=tabContent>
tab content
</div>
</body>
</html>
For explanation read
http://www.realworldstyle.com/split.html
Dont miss dtd declaration, may not work properly is some browsers if
it is left out.
Regards
Kiran Makam