Center

margin: auto;

margin은 수평으로만 적용이 되고, 수직으로는 적용이 안된다. (block 요소이기 때문에) block 요소를 정렬할 때, margin을 사용하면 수직으로 정렬할 수 없다.

text-align: center;

text-align은 text뿐만 아니라 다른 요소도 정렬이 가능하다. 하지만, inline요소에만 가능하다.

text-align: center;

수평으로만 가운데 정렬이 된다.

line-height

위 방법으로 수직 정렬을 할 수도 있다. 부모 요소의 높이만큼 line-height에 적용해주면 수직으로 가운데 정렬이 되는데 주의 사항이 있다. 단, 한줄에 텍스트를 사용할 경우에만 적용해야 한다. 만약 같은 블럭안에 다음 줄에 텍스트를 사용하게 되면 텍스트의 크기가 line-height에 적용한 부모의 텍스트 높이만큼 되기 때문에 간격이 크게 생기게 된다.