JSFiddle - React, Tailwind, and code Playground

HTML

<div id='maindiv'>
    <div id='holderdiv'>
        <img width='40px' height='40px' src='http://www.fcphp.usf.edu/fcphp_images/Silver-Play-Button.jpg'></img>
    </div>
</div>

CSS

#maindiv {
    width:300px;
    height:300px;
    border:1px solid;
}
#holderdiv {
    position: relative;
    display: block;
    top: 50%;
    margin-top: -1000px;
    height: 2000px;
    text-align: center;
    line-height: 2000px;
}