JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tbl-div">
  <span>It's no problem to center<br />multiple lines of text</span>
</div>

<div class="tbl-div">
  <span><img src="http://www.web-plus-plus.com/Images/Articles/vertical-centering-elements-html/cat.png" /></span>
</div>

CSS

.tbl-div {
  display: table;
  width: 400px;
  height: 120px;
  background-color: #ffe6cc;
  border: solid 1px lightgray;
}
.tbl-div > span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}