#TIL10

인라인요소와 블록요소의 가운데 정렬 방법에 대해 각각 정리해 보겠다.

인라인요소 가운데 정렬 방법

1. 인라인요소의 부모박스에 text-align:center; 값 부여
2. 인라인요소에 display: block; + width 값 + margin: 0 auto; 지정

<1번>

전

후

<2번>

전

후

블록요소 가운데 정렬 방법

• 옮기고 싶은 박스에 직접 width 값 + margin 0 auto; 부여 (width 값 지정하지 않으면 가운데로 정렬되지 않음)

  전
  
  후