IE8 또는 FF에서 CSS "text-align:center;" 가지고

width 값이 있는 개체를 중앙으로 정렬되지 않습니다.

 

그래서,

이런 저런 테스트를 통해서 많은 브라우저가 적용될수 있도록 확인하였습니다.

포인트는 강조된 부분입니다.

 

 

<div style="width:100%; text-align:center;">
  <div style="width:860px; height:70px; margin:auto; border:solid 1px #8282BC; text-align:left;">
    Top..
  </div>
  <div style="width:860px; margin:auto;">
    Center..
  </div>
  <div style="width:860px; height:68px; margin:auto;">
    Footer..
  </div>

</div>

 

[출처] CSS 중앙정렬 IE6, IE7, IE8, FF 까지 모두 해결 (text-align:center;)|작성자 하록선장