--- title: "I have HTML and CSS like this to which i want to make design." description: "I have HTML and CSS like this to which i want to make design." author: "Anonymous User" published: 2013-05-09 updated: 2013-05-09 canonical: https://www.mindstick.com/forum/845/i-have-html-and-css-like-this-to-which-i-want-to-make-design category: "css-css3" tags: ["css-css3"] reading_time: 1 minute --- # I have HTML and CSS like this to which i want to make design. Hi [Expert](https://www.mindstick.com/articles/13120/an-expert-financial-advice-will-improve-your-finances)!\ How to set red [color](https://www.mindstick.com/articles/77/how-to-split-form-background-color-in-c-sharp) for number and [black](https://yourviews.mindstick.com/view/83102/badi-elaichi-black-cardamom-health-benefits) color for li content. ol used for number and li for [text](https://www.mindstick.com/blog/301635/did-people-reinvent-texting-to-express-the-full-range-of-emotions) content. My line of [code](https://yourviews.mindstick.com/view/85458/alan-turing-the-mastermind-behind-cracking-the-enigma-code-during-world-war-ii) as following.\ CSS\ ol li { list-[style](https://www.mindstick.com/articles/126300/apa-citation-style-get-to-know-about-it-for-your-next-assignment)-type: [decimal](https://www.mindstick.com/forum/34709/please-write-a-program-for-decimal-to-binary-conversion-in-c-sharp)-[leading](https://answers.mindstick.com/qa/100394/5-iitians-who-made-india-proud-by-leading-the-world-s-biggest-companies)-zero;}\ [HTML](https://www.mindstick.com/articles/1530/design-a-simple-stylish-calculator-using-html-css-and-javascript)\
  1. One
  2. Two
  3. Three
    1. Three.One
    2. Three.Two
  4. Four
\ Please help me! Thanks in [advance](https://www.mindstick.com/blog/33258/jee-mains-and-jee-advance-exams)! ## Replies ### Reply by AVADHESH PATEL Hi Jacob!\
  1. One
  2. Two
  3. Three
    1. Three.One
    2. Three.Two
  4. Four
The CSS:\ ol li {list-style-type: decimal-leading-zero;}ol { counter-reset:li; }ol li { list-style-type:none; counter-increment:li; position:relative;}ol li:before { content:counter(li, decimal-leading-zero) "."; position:absolute; left: -2.6em; width: 2em; text-align: right; color: #f00;}\ Hope this helpful for you! --- Original Source: https://www.mindstick.com/forum/845/i-have-html-and-css-like-this-to-which-i-want-to-make-design Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.