<div class="container">
     <div class="box">
       box
     </div>
</div>
.container {
    display : flex;
    align-items : center;
    justify-content: center;
    height : 300px;
    width : 100%;
    background:#aeaeae;
}
.box {
    height : 100px;   /* 박스 높이 지정 */
    width : 100px;    /* 박스 너비 지정 */
    background : #fff; /* 박스 위치 확인을 위한 배경색 지정 */
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.