操作數字在有序列表中的位置

Question

我有以下HTML

<h1> Dummy title here</h1>
<ol>
<li>
<p>Dummy paragraph here with lots of lines...</p>
</li>
<li>
<p>Another dummy paragraph with lots of lines...</p>
</li>
</ol>

我想像顯示的圖像一樣對它進行樣式設置。 http://i.imgur.com/fOhom.jpg

問題是我找不到將數字降低到段落級別的方法。 相反，它們從每個段落的第一行開始，而我最終得到了不良結果。

有什么指導嗎？

**

編輯

**

我相信我想出了一個可行的解決方案，雖然我使用的是偽類，但並非100％符合標准，但仍然是可行的解決方案。 就是這樣

完全按照我在問題中所描述的那樣使用結構，我提出了以下CSS

ol {
list-style: none;
}
ol li {
counter-increment: item;
}
ol p:before {
content: counter(item);
font-size: 80px;
float:left;
margin-right:10px;
}

根據Sandeep的要求，這是jsfiddle http://jsfiddle.net/sm8AT/

Answer 1

您可以嘗試的是這個。 用一個非常大的字體設置您的訂購列表樣式，以便數字具有一個大字體。 然后使用小得多的字體在段落中設置樣式。 像這樣：

ol { font-size: 22px; }
ol p { font-size:  9px; }

還沒有測試，只是一個建議。 您可能還需要修改段落的位置。