JSFiddle - React, Tailwind, and code Playground

by geekrose Lee

HTML

<div id="content">

    <div id="SideNav">                  
       <ul>
          <li>
            <a>Print 1</a>
          </li>
          <li>
            <a>Print 2</a>
          </li>             
       </ul>
    </div>

    <div id="pieces">
       <div id="id1">
           id1 content
       </div>
       <div id="id2">
           id2 content
       </div>
    </div>

 </div>

CSS

#content {
width:848px;
position:relative;
}

#SideNav {
width:169px;
float:left;
}

#pieces  {
width:678px;
top:0px;
float:right;
position:relative;
}

#id1 {
position:absolute;
top: 0px;
right: 0px;
z-index:1;
}

#id2 {
position:absolute;
top: 0px;
right: 0px;
z-index:2;
}