DIV 자식 태그를 부모의 중간에 배치하는 팁 - CSS

-Vertically

자식태그에 다음 CSS를 입혀주면 된다.

position: relative;

top: 50%;

transform: translateY(-50%);

-Horizontaly

부모태그에 적당한 폭을 넣어주고 다음 CSS를 입혀주면 된다.

width: 390px;

text-align: center;