title: Using CSS to emulate tabbed windows
body: <p>I currently have two divs that I'm trying to use to emulate a drop down tabbed window. <img src="https://i.stack.imgur.com/z5wlX.png" alt="tabbed window"> </p>
  
  <p>I have content where the grayed out areas are. The bigger div (the div containing the big gray area or the "window") has a position of absolute, but so does the little div (the tab). I can't figure out how to move the tab so that I can add more tabs. When I do add more tabs, they just sit over the middle tab. I've looked at all the styling in the Elements dev tools, but there aren't other properties that can "shift" the tab left or right. How can I move it over to the left by, say, 200 px?</p>