JSFiddle - React, Tailwind, and code Playground

by Dominik Wilk

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>

  <div class="centered">x</div>
</body>
</html>

CSS

html, body {
  height: 100vh;
}
body {
  background: green;  
  display: flex;
  align-items: center;
  flex-direction: column;
}


.centered {
  background: red;
  width: 100px;
  margin-top: auto
}