JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="middle">
        <img class="inner" src="http://forum.htmlbook.ru/public/style_images/htmlbook/user_green.png" />о
    </div>
</div>

CSS

.outer {
    margin:50px auto;
width:25px;
height:25px;
    padding:25px 0px 0px 25px;
border:1px solid red;
}
.middle {
padding:0px;

display:inline-block;

}
.inner {
    position:relative;
    bottom:50%;
margin-left:-50%;
}