JSFiddle - React, Tailwind, and code Playground

by sbeliv01

HTML

<ul>
    <li>
        <div>
            <img src="http://bestvaluesupply.devsiteonline.com/ProdImages/SEY%2098-50-1.jpg" />
        </div>
    </li>
</ul>

CSS

ul {
    list-style-type: none;
}

div {
    border: 1px solid #000;
    height: 150px;
    width: 150px;
}

ul li div { display: table-cell; vertical-align: middle; text-align: center; }