JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ad">
    <a class="link middle right" href="#text"><span>my text link<br>meow</span></a>
    <a href="#background"><img src="http://www.placekitten.com/320/200"></a>
</div>

CSS

.ad {
    position: relative;
    height: 200px;
    width: 320px;
}
.link {
    position: absolute;
    padding: 20px;
}
.top { top:0%; }
.middle { top:33%; }
.bottom { top:66%; }
.left { text-align:left; left:0%; }
.center { text-align:center; margin:0 auto; width:100%; }
.right { text-align:right; right:0%; }