JSFiddle - React, Tailwind, and code Playground

by jiawen ge

HTML

<div>
    I will in absolutely center.<br>
    You will see.
</div>

CSS

div {
    background: yellow;
    /*width: 100px;
    height: 100px;*/
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);    /* 50%为自身尺寸的一半 */
    -webkit-transform: translate(-50%, -50%);    /* 50%为自身尺寸的一半 */
    -moz-transform: translate(-50%, -50%);    /* 50%为自身尺寸的一半 */
}