CSS 에서 div 자체를 center 정렬하기 > 개발

• 목록

• 페이스북 공유
• 트위터 공유

div 안의 내용물을 center 정렬을 하려면 text-align:center; 를 주면 된다.
<div style="text-align:center;">내용</div>

그런데, div 자체를 center 정렬을 하려면?

이때는 div 의 style 에 margin:0 auto; 를 주면 된다.
<div style="width:500px;margin:0 auto;">내용</div>

단, 여기서 주의할 점은,
div 는 block 요소이기 때문에, width 의 지정이 없으면 100% 가 된다.
그래서 width 를 함께 지정해 주어야 원하는 효과가 나온다.

추천0