JSFiddle - React, Tailwind, and code Playground

by jeum

HTML

<html>
    <body class="centered-wrapper">
        <div class="centered-content">
            <p>LOLOLOLOLOLOLOL</p>
            <p>LOLOLOLOLOLOLOL</p>
            <p>LOLOLOLOLOLOLOL</p>
        </div>
    </body>
</html>

CSS

html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.centered-wrapper {
    position: relative;
    text-align: center;
}
.centered-wrapper:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 0; height: 100%;
    vertical-align: middle;
}
.centered-content {
    display: inline-block;
    vertical-align: middle;
    outline: 1px solid black;
}