JSFiddle - React, Tailwind, and code Playground

by cheongjin kim

HTML

<div class="main-container">
<div class="text-wrap">
  <h1>안녕하세요 : )</h1>
</div>
</div>

CSS

body {
  margin: 0;
}
.main-container {
  border: 1px solid red;
  width: 100vw;
  height: 100vh;
  /*display:flex;
  align-items:center;
  justify-content: center;*/
  color:red;
  position:relative;
  display:table;
}

.text-wrap {
  text-align:center;
  display:table-cell;
  vertical-align:middle;
}