How to make ordered lists using CSS

How to make ordered lists using CSS

If you want to have an ordered list in your Web screen, do as follows:

1. Add the following styles to your Web style sheet:
.OrderedList {
margin-top: 10px;
margin-bottom: 10px; }
.OrderedList P {
list-style-type : decimal;
display: list-item;
margin-left: 3em;

(Note: it's important that you specify the "margin-left" attribute, otherwise you won't be able to see the decimal numbers).
2. Drag a Container widget and apply the style OrderedList
3. Add your items as paragraphs.
4. Automatically, an ordered list (1, 2, 3, ...) is created inside in your Container widget.

You can also use this for other types of list, like with bullets; simply specify a different list-style-type.

I would like to thanks to Quitério and Rodrigo Coutinho to help me on this issue.
Hi all,

margin-left can be omitted just as long as the following is defined:
list-style-position: inside;

all together it would be

.OrderedList P {
list-style: decimal inside;
display: list-item;