JSFiddle - React, Tailwind, and code Playground

HTML

<div id='demo1'>aaa</div>
<div id='demo2'>aaa</div>

CSS

div{
    display: inline-block;
    width: 100px;
    height: 200px;
}
#demo1 {
    -webkit-transform: translate(0%, 50%);
    -ms-transform: translate(0%, 50%);
    -o-transform: translate(0%, 50%);
    transform: translate(0%, 50%);
}
#demo2 {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}