JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<div class="contain">
    <div class="centered">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum autem accusamus ab dolore officia consequatur rerum recusandae voluptates? Soluta ab eos ex consequuntur sed perferendis aliquam voluptas nulla vitae consectetur!</div>
</div>

CSS

html,body{
    height: 100%;
}
.contain{
    position: relative;
    background-color: #d36;
    height: 100%;
}
.centered{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 400px;
    height: 350px;
    background-color: #9da;
}