JSFiddle - React, Tailwind, and code Playground

by Ken Watanabe

HTML

<nav>
    <a class="top" href="xyz">Top</a>
    <a class="right" href="xyz">Right</a>
    <a class="bottom" href="xyz">Bottom</a>
    <a class="left" href="xyz">Left</a>
</nav>

<div class="page">
    <figure class="thumbnail">
        <img src="http://reform.lt/data/images/2014/12/tumblr-nam0brlvr01tquokso1-1280.jpg" alt=""/>
    </figure>
</div>

CSS

nav a.top, nav a.right, nav a.bottom, nav a.left { position:fixed; text-decoration:none; color:#222222; }
nav a.top { top:10px; left:10px; }
nav a.right { right:10px; top:10px; }
nav a.bottom { bottom:10px; right:10px; }
nav a.left { left:10px; bottom:10px; }

div.page { width:80%; max-width:960px; margin:0 auto; }
figure.thumbnail