JSFiddle - React, Tailwind, and code Playground

by huskydawgs

HTML

<div id="toggle" class="clear">
      <a href="http://www.apple.com" class="prev"></a>
      <a href="http://www.microsoft.com" class="next"></a>
    </div>

CSS

#toggle {
             position: absolute;
             right: 30px;
             top: 30px;
             width: 104px;
             z-index: 2;
           }
           #toggle a.prev {
             display: inline-block;
             width: 30px;
             height: 30px;
             background-size: contain;
             background-image: url(http://www.onvia.com/sites/default/files/icon_arrow_left_150x150.png);
           }
           #toggle a.prev {
             margin-right: 20px;
           }
           #toggle a.next {
             display: inline-block;
             width: 30px;
             height: 30px;
             background-size: contain;
             background-image: url(http://www.onvia.com/sites/default/files/icon_arrow_right_150x150.png);
           }
           .clear:before,
           .clear:after {
             content: "\0020";
             display: block;
             height: 0;
             overflow: hidden;
           }