CSS 가운데정렬

 

1.선택자를 이용해 요소를 선택한다.

(class선택자는 . id선택자는 #)

필자는 shared 라는 클래스는 선택하여 가운데 정렬해보겠다.

margin: 0 auto;    입력해주면 끝이다.

잠깐 설명을 하자면

0은 위아래 여백을 주지 않는다는 의미이고

auto는 가운데 중앙에 배치한다는 의미가 된다 코드 적용전과 적용후 차이를 한번 비교해보자!

적용전

적용후

.shared {
	margin: 0 auto;
}

간혹적용이 안되는 경우에는 코드 문제거나 

!important만 추가해주면 된다

 

.shared {
	margin: 0 auto !important;
}