JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="inner">
        <div id="imgDiv"></div> <span id="spanid">Some text....</span>
    </div>
</div>

CSS

div.outer {
    display:table;
    border: 1px solid red;
    height:300px;
    width:300px
}
.inner {
    display:table-cell;
    vertical-align:middle;
    line-height:normal;
    margin:0 auto;
    text-align:center;
}
#imgDiv {
    width: 300px;
    height: 100px;
    background-image: url("http://www.google.com/intl/en_com/images/srpr/logo3w.png");
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid blue;
}
#spanid {
    text-align: center;
}