Test Boxes Center

by benedict_chan

HTML

<div class="center-text-box testbox">
  <p>TEST</p> 
</div>

SCSS

.testbox{
  background-color: red;
  height: 10em;
  width: 200px;
}

/* Usage 
<div class="center-text-box ">
  <p>TEST</p> 
</div>
*/
.center-text-box{
  text-align: center;
  p, div{
    position: relative;
    top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
    line-height:100%;
  }
}