JSFiddle - React, Tailwind, and code Playground

by utsuki

HTML

<section>
  <p>真ん中</p>
</section>

CSS

body {
  margin: 0;
}
section {
  width: 100%;
  height: 100vh;
  background: #ffeeee;
  position: relative;
  
}

p {
  margin-top: 0;
  padding: 5px;
  background: #ccccff;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}