JSFiddle - React, Tailwind, and code Playground

by Hashem Qolami

HTML

<div id="box">
    <img src="http://placehold.it/150x200" height="150px" width="200px" />
</div>

CSS

#box {
    border: 1px solid;
    margin: 0px 10px 0px 0px;
    width: 250px;
    height: 200px;
    border-radius: 35px; 
    -webkit-border-radius: 35px; 
    -moz-border-radius: 35px; 
    border: 1px solid #E8E8E8;
    display:inline-block;
    
    text-align: center;
    font: 0/0 a;
}

#box:after {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#box img {
    display: inline-block;
    vertical-align: middle;   
}