요소의 텍스트 정렬

Question

다음과 같은 결과를 얻고 싶습니다 : http://jsfiddle.net/7Kc2m/, 그러나 나는 명백한 이유로 text-align을 사용하고 싶지 않습니다. 나는 단지 margin: 0 auto을 떠나려고 노력하고 있었지만, 신비하게도 작동하지 않습니다. 그렇다면 text-align과 center없이 어떻게 이것을 할 수 있습니까? 그리고 가능한 경우 알려 주시면 왜 margin: 0 auto과 함께 작동하지 않는 이유와 귀하의 시스템에서 작동하는 이유를 알려 드리겠습니다. 감사합니다.

float: left으로 시도해도 작동하지 않았습니다.

Answer 1

margin:0 auto 요소에 너비를 지정해야합니다.

인라인 블록 요소가 텍스트 정렬과 결합되어 있지만 블록 레벨 요소는 너비가 지정되지 않은 경우 페이지의 전체 너비에 걸쳐 있기 때문에 여백 트릭이 유효하지 않기 때문에 작동합니다.