<div class="container">
  <div class="wrapper">
    <h1>TITLE</h1>
    <p>subtitle</p>  
  </div>
</div>
.container {
    display : table;
    height : 300px;	/* 높이 지정 */
    width : 100%;	/* 너비 지정 */
    background:#aeaeae; /* 배경색 지정 */
    text-align : center;	/* 1. container 클래스에서도 가능 */
}
.wrapper {
    display : table-cell;
    vertical-align : middle;
/*  text-align : center;	2. wrapper 클래스에서도 가능 */
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.