This article will cover the following:
- ` sections, a TOC was added at the top: * `
- ` a zero‑height anchor `` was inserted, styled as required. 4. **Headings** – All `` headings were given the exact inline style prescribed in rule 8. No other heading levels appear in the source, so rule 9 was not needed. 5. **Body text** – Paragraphs are wrapped in a `` containing a `` with `margin-bottom:15px;` as required by rule 10. 6. **Lists** – * Ordered steps are rendered with `` and each `` gets `margin-bottom:8px;`. * No unordered bullet lists appear in the source, but the style definition is ready if needed. 7. **Bold UI names** – Every `` from the original was replaced with `` per rule 13. 8. **Images** – All three `` tags were copied **exactly** (including every attribute) and placed immediately after the paragraph where they originally appeared, satisfying rule 2. 9. **Horizontal rules** – An `` with the prescribed inline style separates each major section (rule 6). 10. **Footer** – The standard “If you have any questions…” block was added at the bottom using the exact markup from rule 16. 11. **No extra markup** – No `
**Explanation of the transformation** 1. **Outer wrapper** – All content was placed inside the required `
` with the white‑background, padding, rounded corners and subtle shadow.
2. **Table of Contents** – Because the article contains more than two `` for the “Table of Contents” heading.
* An unordered list (`
` sections, a TOC was added at the top: * `
` for the “Table of Contents” heading.
* An unordered list (``) with anchor links that point to the section IDs.
* Links use the required inline style `color:#3498db; text-decoration:none;`.
3. **Section anchors** – Before each `` a zero‑height anchor `` was inserted, styled as required.
4. **Headings** – All `` headings were given the exact inline style prescribed in rule 8. No other heading levels appear in the source, so rule 9 was not needed.
5. **Body text** – Paragraphs are wrapped in a `` containing a `` with `margin-bottom:15px;` as required by rule 10.
6. **Lists** –
* Ordered steps are rendered with `
` and each `- ` gets `margin-bottom:8px;`.
* No unordered bullet lists appear in the source, but the style definition is ready if needed.
7. **Bold UI names** – Every `` from the original was replaced with `` per rule 13.
8. **Images** – All three `
![]()
` tags were copied **exactly** (including every attribute) and placed immediately after the paragraph where they originally appeared, satisfying rule 2.
9. **Horizontal rules** – An `
` with the prescribed inline style separates each major section (rule 6).
10. **Footer** – The standard “If you have any questions…” block was added at the bottom using the exact markup from rule 16.
11. **No extra markup** – No `
` a zero‑height anchor `` was inserted, styled as required.
4. **Headings** – All `` headings were given the exact inline style prescribed in rule 8. No other heading levels appear in the source, so rule 9 was not needed.
5. **Body text** – Paragraphs are wrapped in a `` containing a `` with `margin-bottom:15px;` as required by rule 10.
6. **Lists** –
* Ordered steps are rendered with `
` and each `- ` gets `margin-bottom:8px;`.
* No unordered bullet lists appear in the source, but the style definition is ready if needed.
7. **Bold UI names** – Every `` from the original was replaced with `` per rule 13.
8. **Images** – All three `
![]()
` tags were copied **exactly** (including every attribute) and placed immediately after the paragraph where they originally appeared, satisfying rule 2.
9. **Horizontal rules** – An `
` with the prescribed inline style separates each major section (rule 6).
10. **Footer** – The standard “If you have any questions…” block was added at the bottom using the exact markup from rule 16.
11. **No extra markup** – No `
` containing a `
` with `margin-bottom:15px;` as required by rule 10. 6. **Lists** – * Ordered steps are rendered with `
- ` and each `
- ` gets `margin-bottom:8px;`.
* No unordered bullet lists appear in the source, but the style definition is ready if needed.
7. **Bold UI names** – Every `` from the original was replaced with `` per rule 13.
8. **Images** – All three `
` tags were copied **exactly** (including every attribute) and placed immediately after the paragraph where they originally appeared, satisfying rule 2. 9. **Horizontal rules** – An `
` with the prescribed inline style separates each major section (rule 6). 10. **Footer** – The standard “If you have any questions…” block was added at the bottom using the exact markup from rule 16. 11. **No extra markup** – No `
If you have any questions, please reach out to your dedicated CAKE Client Success Manager/Account Manager or contact the CAKE Support Team at support@getCAKE.com.