Multilevel data

1. Test Data (The Raw Content)

Copy the text between the lines below. It contains a standard 2-level ordered list structure.

Primary Term: Agreement Duration
a. This agreement shall commence on the Effective Date and continue for three (3) years.
b. Either party may terminate this agreement with 90 days' written notice.
Financial Obligations and Payment
a. Payments are due within 30 days of the invoice date.
b. Late payments are subject to a 1.5% monthly interest fee.
Intellectual Property Rights
a. All pre-existing IP remains the property of the respective owner.
b. New IP created under this agreement shall be shared equally.

2. Technical Validation (The HTML Source)

If you are testing the "On publish, content should not be modified" requirement, you should inspect the source code. The HTML structure should look like this to maintain indentation:

HTML

<ol>

<li>

<strong>Primary Term: Agreement Duration</strong>

<li>This agreement shall commence on the Effective Date and continue for three (3) years.</li>

<li>Either party may terminate this agreement with 90 days' written notice.</li>

</ol>

</li>

<li>

<strong>Financial Obligations and Payment</strong>

<li>Payments are due within 30 days of the invoice date.</li>

<li>Late payments are subject to a 1.5% monthly interest fee.</li>

</ol>

</li>

</ol>

3. Verification Checklist for Testing

Step	What to Check	Pass Criteria
1. Paste	Paste the list above into your editor.	The indentation for "a." and "b." should automatically shift to the right.
2. Publish	Click the Publish/Save button.	The database entry should retain the <ol> nesting (inspect the network payload).
3. Preview	Open the Preview mode.	The visual gap (margin-left/padding) must match the Editor window exactly.
4. Live Link	Open the final URL in a new tab.	The list should still show "1." and "a." correctly without reverting to a flat list.

Common "Gotcha" to Watch For:

If the indentation disappears on the published link, it is usually because the website's CSS has a "CSS Reset" that removes default padding from <ul> and <ol> tags. Ensure your stylesheet includes:

ol { padding-left: 40px; } or ol ol { padding-left: 20px; }.