position값이 있을 경우 중앙정렬

position값이 있을 경우 엘리먼트를 중앙정렬을 할땐 일반적으로 이렇게 사용한다.

left: 50%;

margin-left: -중앙정렬 할 엘리먼트 width/2;

하지만 중앙정렬할 엘리먼트가 하나가 아닌 여러개인데 사이즈까지 제각각일 경우에는 저렇게 할 수가 없다.

그럴때는 아래 방법을 사용한다.

position: absolute;

margin: auto;

top: 0;

left: 0;

right: 0;

bottom: 0;

width: auto;

height: auto;