1.3.1 Ordered List View in a new window
Example
Ordered Lists
This is a paragraph before a numbered list. Note that the spacing between a paragraph and a list before or after that is hard to tune in a user style sheet. You can't guess which paragraphs are logically related to a list, e.g. as a "list header".
- One.
- Two.
- Three. Well, probably this list item should be longer. Note that if items are short, lists look better if they are compactly presented, whereas for long items, it would be better to have more vertical spacing between items.
- Four. This is the last item in this list. Let us terminate the list now without making any more fuss about it.
Markup
<div class="nsw-wysiwyg-content nsw-container">
<h2>Ordered Lists</h2>
<p>This is a paragraph before a <strong>numbered</strong> list. Note that
the spacing between a paragraph and a list before or after that is hard
to tune in a user style sheet. You can't guess which paragraphs are
logically related to a list, e.g. as a "list header".</p>
<ol>
<li> One.</li>
<li> Two.</li>
<li> Three. Well, probably this list item should be longer. Note that if items are short, lists look better if they are compactly presented, whereas for long items, it would be better to have more vertical spacing between items.</li>
<li> Four. This is the last item in this list. Let us terminate the list now without making any more fuss about it.</li>
</ol>
</div>