<div id="content">
  <p>コンテンツ</p>
</div>
#content{
  /* 装飾関連 */
  display:flex;
  align-items:center;
  justify-content:center;
  background:#00f;
  margin:0 auto;
  max-width:50%;
  
  height:100vh;
  /*
    100vh = ウィンドウサイズの高さ
  */
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.