JSFiddle - React, Tailwind, and code Playground

by trickeedickee

HTML

<div id="wrapper">
  <div id="content">
    <div class="copy">...</div>
      <div id="toggle-view"><p>This is the div This is the div This is the div This is the div</p></div>
    <img id="view" src="http://www.dragoart.com/tuts/pics/13/5607/30639/how-to-draw-a-lego-step-6.jpg" />
  </div>
</div>

CSS

#wrapper { width: 960px; margin: 0 auto 0 auto; background: red; }
#content { width: 960px; height: 555px; position: relative; z-index: 20; }
#toggle-view { display: block; width: 150px; height: 25px; cursor: pointer; position: absolute; left: 12px; right: 10px; z-index: 10; }
#view { width: 722px; height: 555px; position: relative; z-index: 1; }