Editing Help:List (section)

==Extra indentation of lists==
In a numbered list in a large font, some browsers do not show more than two digits, unless extra indentation is applied (if there are multiple columns: for each column). This can be done with CSS:
<pre>ol { margin-left: 2cm}</pre>

or alternatively, like below.

{|class="wikitable"
! Wikitext !! Rendering
! style="width: 40%" |Comments
|-
|
<pre>
:# abc
:# def
:# ghi
</pre>
|
:# abc
:# def
:# ghi
| A list of one or more lines starting with a colon creates a [http://www.w3.org/TR/html4/struct/lists.html#edef-DL definition list] without definition terms, and with the items as definition descriptions, hence indented. However, if the colons are in front of the codes "*" or "#" of an unordered or ordered list, the list is treated as one definition description, so the whole list is indented.
|-
|
<pre>
<ul>
  <ol>
    <li>abc</li>
    <li>def</li>
    <li>ghi</li>
  </ol>
</ul>
</pre>
|
<ul>
  <ol>
    <li>abc</li>
    <li>def</li>
    <li>ghi</li>
  </ol>
</ul>
| MediaWiki translates an unordered list (ul) without any list items (li) into a div with a <code>style="margin-left: 2em"</code>, causing  indentation of the contents. This is '''the most versatile method''', as it allows starting with a number other than 1, see below.
|-
|
<pre>
<ul>
# abc
# def
# ghi
</ul>
</pre>
|
<ul>
# abc
# def
# ghi
</ul>
| Like above, with the content of the "unordered list without any list items", which itself is an ordered list, expressed with # codes. The HTML produced, and hence the rendering, is the same. This is the '''recommended''' method when starting the list at 1.
|}