JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="vertical-middle">
  <div class="item-middle">
MS社의 차세대 운영체제 윈도우10 출시에 따라 IE11 환경에서 서비스를 정상적으로 지원하는지, 구글社의 NPAPI 지원중단(9월) 이슈에 대하여 적절한 대응이 이루어지고 있는지에 대한 상세정보를 담고 있습니다.
  </div>
</div>

CSS

.vertical-middle {
  position:relative;
  height:300px;
  background:#eeeeee;
}
.vertical-middle .item-middle {
  position:absolute;
  top:50%;
  right:30px;
  left:30px;
  transform:translateY(-50%);
}