[How to tab-like div] #div #tab #HTML #CSS

tab-like-div.css

.tabs {
    text-align:right;
}
.tab {
    padding:.5em 3em;   
    display:inline-block;
}
.tab2,
.content{
   background:#ccc;   
   border:2px solid #aaa;
   border-radius:10px 0 10px 10px;
}
.tab2 {
   border-bottom-color:#ccc; /* same as .content background */
   margin-bottom:-2px; /* .content border width */
   border-radius:20px 10px 0 0; /* tweak to preference */
}

tab-like-div.html

<div class="tabs">
    <div class="tab tab1">Tab 1</div>
    <div class="tab tab2">Tab 2</div>
</div>
<div class="content">
    <p>Content</p>  
    <p>Content</p>  
    <p>Content</p>  
    <p>Content</p>  
    <p>Content</p>  
    <p>Content</p>  
</div>

tab-like-div.md