Positioning one div to the right of another
- by Jonno_FTW
Hi
I have the following html and css. But what I can't figure out is how to have the tabs div at the right of the main div. So that they stick out the right like bookmarks.
.main {
-moz-border-radius:10px;
height: 75%;
width: 60%;
position: absolute;
top: 15%;
left: 20%;
right: auto;
}
.tabs {
width: 50px;
height: 1.3em;
position: absolute;
float: right;
}
#tab { margin: 10px 10px 10px 0px;}
And the html:
<div class="main">
<div id="content">
Some main content
</div>
</div>
<div class="tabs">
<div class="tabs" id="tab">
<a href="#" alt="Home">
Home
</a>
</div>
<div class="tabs" id="tab">
<a href="#" alt="About">
About
</a>
</div>
