Question

Observe the following output and write the complete HTML-CSS code to generate it:

Answer 1

Answer:

HTML:

<ol start="3">

 <li>English</li>

 <li>Maths</li>

 <li>Physics</li>

 <li>Chemistry</li>

 <li>Biology</li>

</ol>

CSS:

ol {

 color: green;

 font-family: Courier;

 list-style-type: lower-roman;

 border: 2px dotted black;

 width: 200px;

}

li {

 margin-left: 10px;

}

Explanation:

The left margin on the li is not very clean, but it prevents the roman numbers from exceeding the border.