JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div">
    <img class="img" src="http://placehold.it/350x150" alt="W3Schools.com">
    <p class="p">MY TEXT</p>
</div>

CSS

.div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #000;
    text-align: center;
}
.img {
    vertical-align:middle;
}
.p {
    margin: 5px 0 0 0;
}