HTML 제목을 교수형 섹션 번호에 맞 춥니 다?

Question

저는 현재 문서 (HTML + CSS + PrinceXML = PDF)에 대한 기업 스타일을 재 구현하고 있으며 한 가지를 고칠 수는 없습니다. 필요한 것은 섹션 번호를 넘겨주는 것입니다. 즉, 헤더 자체가 텍스트와 세로로 왼쪽 정렬되지만 섹션 번호는 왼쪽 열에 "매달려"배치됩니다.

---

1. 1

   로렘 입숨 슬픔이 AMET 앉아 제목, consetetur의 sadipscing의 elitr, SED DIAM nonumy eirmod tempor invidunt 유타 labore 등 dolore : 아마 이것을 설명하는 가장 좋은 예는 번호 매기기 목록의 브라우저의 렌더링입니다 magna aliquyam erat, sed diam voluptua. 고소 및 외과 에서뿐만 아니라 듀오와도 같은 앨범. Stet clita kasd gubergren, 바다 표범 어미가 없다. Lorem ipsum dolor sitting amet. 2

   LOREM의 ipsum의 슬픔의 표제어

2. 는 AMET consetetur sadipscing elitr, SED DIAM nonumy eirmod tempor invidunt UT labore 등 dolore 마그나 aliquyam erat, 나오지 DIAM의 voluptua 앉아. 고소 및 외과 에서뿐만 아니라 듀오와도 같은 앨범. Stet clita kasd gubergren, 바다 표범 어미가 없다. Lorem ipsum dolor sitting amet.

---

는 기본적으로 나는 모든 레벨, 제목에 대해 동일한을 구현하고자합니다. CSS에서 이것을 할 수있는 정상적인 방법이 있습니까?

Answer 1

이 시도 :

h1, h2, h3 { 
    text-align: left; 
    margin-left: -10px; 
} 

Answer 2

나는이 작업이 완료있어.

h1:before { 
    content: counter(chapter) ". "; 
    float:left; 
    width: 1.2cm; 
} 

을 모든 제목은 마진과 left 특성을 얻을 수있다 : 기본적으로 모든 카운터는 왼쪽으로 떠되어야 헤더가 두 줄 때까지

h1 {  
    left: 1.2cm; 
    margin-left: -1.2cm; 
} 

Answer 3

h1 { margin-left: -10px; }이 작동합니다.

이 방법에 대해 :

h1 { text-indent: -10px }