JSFiddle - React, Tailwind, and code Playground

HTML

<footer>
<div class="footerimage">
<div class="footertext">
<p> Text Text Text<br> 
Text Text<br>
<a href=""></a></p>
</div>
</div>
</footer>

CSS

footer {
position: absolute;
width: 100%;
height: 150px;
}

.footerimage {
background-image: url(/t/theme1/pic.png); 
background-position: 100% 0;
background-repeat: no-repeat;
height: 150px;
}

.footertext {
color:white;
display:table;
width:100%;
text-align:center;
height:100%;
}

.footertext p {
margin:0;
display:table-cell;
vertical-align:middle;
}