JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outside">
<div class="inside">
  <img src='https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTDji8aENprgfHSxX6jPjmCx13ActQJvm1TCz6b6NP4Yhmw8ZgPNLdcwQ' class="img" />
  Test Text
</div>
</div>

CSS

.outside {
  width: 800px;
  height: 600px;
  border: 1px solid red;
  position: relative;
}

.inside {
  position: relative;
  width: 200px;
  height: 200px;
  border: 1px solid blue;
  margin: 0 auto;
  top: calc(50% - 100px);
}

.img {
  float: left;
}