Fix HTML block indentation drift in markdown list items (#19987)

Co-authored-by: fisker Cheung <lionkay@gmail.com>

tests/format/markdown/list/html-indent/__snapshots__/format.test.js.snap

@@ -0,0 +1,113 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`issue-19986.md - {"tabWidth":4} format 1`] = `
+====================================options=====================================
+parsers: ["markdown"]
+tabWidth: 4
+                                                      printWidth: 80 (default) |
+=====================================input======================================
+1. Enable images:
+
+    \`\`\`json
+    {}
+    \`\`\`
+
+    <p align="center">
+      <img alt="example">
+    </p>
+
+2. Continue.
+
+=====================================output=====================================
+1. Enable images:
+
+    \`\`\`json
+    {}
+    \`\`\`
+
+    <p align="center">
+      <img alt="example">
+    </p>
+
+2. Continue.
+
+================================================================================
+`;
+
+exports[`issue-19986.md format 1`] = `
+====================================options=====================================
+parsers: ["markdown"]
+                                                      printWidth: 80 (default) |
+=====================================input======================================
+1. Enable images:
+
+    \`\`\`json
+    {}
+    \`\`\`
+
+    <p align="center">
+      <img alt="example">
+    </p>
+
+2. Continue.
+
+=====================================output=====================================
+1. Enable images:
+
+   \`\`\`json
+   {}
+   \`\`\`
+
+    <p align="center">
+      <img alt="example">
+    </p>
+
+2. Continue.
+
+================================================================================
+`;
+
+exports[`issue-19986-uneven-indent.md - {"tabWidth":4} format 1`] = `
+====================================options=====================================
+parsers: ["markdown"]
+tabWidth: 4
+                                                      printWidth: 80 (default) |
+=====================================input======================================
+1. Enable images:
+
+        <p align="center">
+      <img alt="example">
+    </p>
+
+=====================================output=====================================
+1. Enable images:
+
+        <p align="center">
+
+      <img alt="example">
+    </p>
+
+================================================================================
+`;
+
+exports[`issue-19986-uneven-indent.md format 1`] = `
+====================================options=====================================
+parsers: ["markdown"]
+                                                      printWidth: 80 (default) |
+=====================================input======================================
+1. Enable images:
+
+        <p align="center">
+      <img alt="example">
+    </p>
+
+=====================================output=====================================
+1. Enable images:
+
+        <p align="center">
+
+      <img alt="example">
+    </p>
+
+================================================================================
+`;

tests/format/markdown/list/html-indent/format.test.js

@@ -0,0 +1,2 @@
+runFormatTest(import.meta, ["markdown"], { tabWidth: 4 });
+runFormatTest(import.meta, ["markdown"]);

tests/format/markdown/list/html-indent/issue-19986-uneven-indent.md

@@ -0,0 +1,5 @@
+1. Enable images:
+
+        <p align="center">
+      <img alt="example">
+    </p>

tests/format/markdown/list/html-indent/issue-19986.md

@@ -0,0 +1,11 @@
+1. Enable images:
+
+    ```json
+    {}
+    ```
+
+    <p align="center">
+      <img alt="example">
+    </p>
+
+2. Continue.