<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 = ウィンドウサイズの高さ
*/
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.