JSFiddle - React, Tailwind, and code Playground

HTML

<div class="text">
    <a href="#">Text copy here</a>
</div>
<span>Left click for select and copy the text</span>

CSS

.text {
    border:1px solid black;
    width:300px;
    height:200px;
    display:table;
    background-image:url(http://www.starcoppe.it/images/grafica-immagine-b.jpg);
    background-size:300px 200px;
}

.text a{
    content:'';
    display:table-cell;
    margin:0 auto;
    vertical-align:middle;
    text-align:center;
    text-decoration:none;
    color:black;
}