JSFiddle - React, Tailwind, and code Playground

HTML

<div id="centerArrows">
        <div class="rowdiv">
        <img src="http://i.imgur.com/oGvNc0L.png" />
        <img src="http://i.imgur.com/oGvNc0L.png" />    
        </div>
        <div class="rowdiv">
        <img src="http://i.imgur.com/oGvNc0L.png" />
        <img src="http://i.imgur.com/oGvNc0L.png" />    
        </div>
</div>

CSS

html , body , #centerArrows{
    display:table;
    width:100%;
    height:100%;
}
#centerArrows{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    min-width:150px;
}