JSFiddle - React, Tailwind, and code Playground

by AntonTrollback

HTML

<div>
    <p>test test test</p>
    <p>test test test test test test</p>
</div>

CSS

body, html {
    height: 100%;
    padding: 0;
    margin: 0;
}

div {
    width: 100px;
    /* height: 50px; */
    background: #ccc;
    overflow: hidden;
    
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
}