<div class="container">
  <div class="wrapper">
    <h1>TITLE</h1>
    <p>subtitle</p>  
  </div>
</div>
.container {
    display : table;
    height : 300px; /* 높이 지정 */
    width : 100%;   /* 너비 지정 */
    background:#aeaeae; /* 배경색 지정 */
}
.wrapper {
    display : table-cell;
    vertical-align : middle;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.