JSFiddle - React, Tailwind, and code Playground

by Kye Sooryun

HTML

<div id="wrap">
  <p>
    <span>텍스트 중앙정렬</span>
  </p>
</div>

CSS

#wrap {width:200px;height:200px;}
#wrap p {position:relative;width:200px;height:200px;border:1px solid #000}
/* 텍스트 수직 중앙 정렬*/
#wrap span {position:absolute;top:50%;transform: translate(0, -50%)}
/* 텍스트 수직,수평 중앙 정렬*/
#wrap span {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%)}