對齊懸掛節號的HTML標題？

Question

我目前正在爲我們的文檔（HTML + CSS + PrinceXML = PDF）重新實現企業風格，無法完全解決一件事。我需要的是處理部分編號，即標題本身與文本垂直左對齊，但部分編號在左欄中「懸掛」。也許就說明了這最好的例子就是編號列表的瀏覽器的渲染：

---

1. 標題1

   Lorem存有悲坐阿梅德，consetetur sadipscing elitr，SED直徑nonumy eirmod tempor invidunt UT labore等dolore magna aliquyam erat，sed diam voluptua。在vero eos et accusam et justo duo dolores et ea rebum。 Stet clita kasd gubergren，沒有海takimata sanctus est洛雷姆ipsum dolor坐amet。

2. 標題2

   Lorem存有悲坐阿梅特，consetetur sadipscing elitr，SED直徑nonumy eirmod tempor invidunt UT labore等dolore蚤aliquyam ERAT，sed的直徑voluptua。在vero eos et accusam et justo duo dolores et ea rebum。 Stet clita kasd gubergren，沒有海takimata sanctus est洛雷姆ipsum dolor坐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 }