How could I have html elements inside a list item?

[xuanswe]

Hi, how could I generate html similar to below with mdx?

<ol>
  <li>
    <p>item 1</p>
    <details>
      <p>nested markdown for item details 1</p>
      <ul>
        <li>item 1.1</li>
        <li>item 1.2</li>
      </ul>
    </details>
  </li>
  <li>
    <p>item 2</p>
    <details>
      <p>nested markdown for item details 2</p>
      <ul>
        <li>item 2.1</li>
        <li>item 2.2</li>
      </ul>
    </details>
  </li>
</ol>

[ChristianMurphy]

Welcome @xuan-nguyen-swe! 👋
The example you give is already valid MDX, you could use it as-is, if you'd like.
Or if you prefer using markdown list syntax, you can, it would look something like the following:

1.  item 1
    <details>
      nested markdown for item details 1
      
      1.  item 1.1
      2.  item 1.2
    </details>
2.  item 2
    <details>
      nested markdown for item details 2

      1.  item 2.1
      2.  item 2.2
    </details>

[xuanswe]

Thanks, it works perfectly at https://mdxjs.com/playground.
I think I had error because of formatting in IntelliJ IDEA.