1.인라인 요소를 가운데 정렬하기
-한 줄인 요소에만 해당한다. 부모 요소에게 아래 css 주기
text-align: center;
line-height: /* 높이 값과 같게 */ ;
2.블록 요소를 가운데 정렬하기
-한 줄인 요소에만 해당한다. 해당 블록 요소에 아래 css 주기
width: /* 너비값을 부여 */ ;
margin: 0 auto;
line-height: /* 높이 값과 같게 */ ;
3.div 내의 div를 가운데 정렬하기
-부모 div에 아래 css 주기
width: 100%;
text-align: center;
-자식 div에 아래 css 주기
display: inline-block;
4.position 속성을 이용하여 가운데 정렬하기 1
-부모 요소에 아래 css 주기
position: relative;
-자식 요소에 아래 css 주기
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
5.position 속성을 이용하여 가운데 정렬하기 2
-부모 요소에 아래 css 주기
position: relative;
-자식 요소에 아래 css 주기
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
6.flex 속성으로 가운데 정렬하기
-부모 요소에 아래 css 주기
height: /* 높이 값 부여 */ ;
display: flex;
justify-content: center;
align-items: center;