margin: auto
기본적으로 지정되는 margin은 오른쪽에 위치하기때문에 margin의 값을 auto로 바꾸어주게되면 좌 우 골고루 배치되어 가운데로 정렬된다
text-align: center
텍스트값 뿐만 아니라 인라인레벨에 해당되는것들은 이 속성을 통하여 정렬이 가능하다
위의 두가지 속성은 가로 정렬에만 해당이 되지만 아래의 속성은 가로 세로 모두 정렬 가능하다
transform: translate(50%, 50%)
text-align: center;
line-height: 100px;
높이의 길이 자체를 조절하기 때문에 br을 사용하여 줄바꿈을 할 경우에는 어색해진다
개발