title: How to markdown nested list items in Bitbucket?
body: <p>I'm trying to see my markdown nested list items rendered with corresponding indentation when viewed in a browser live from the Bitbucket pages. But I can't figure out how it works even when using <a href="https://confluence.atlassian.com/bitbucketserver/markdown-syntax-guide-776639995.html#Markdownsyntaxguide-Unorderedlist" rel="noreferrer">their examples</a> (<a href="https://community.atlassian.com/t5/Answers-Developer-Questions/list-in-list-will-only-work-with-4-spaces-please-update-guide/qaq-p/519444" rel="noreferrer">updated</a>):</p>
  
  <pre><code>* Item 1
  * Item 2
  * Item 3
    * Item 3a
    * Item 3b
    * Item 3c
  </code></pre>
  
  <p>It ignores indentation for items 3a-c:</p>
  
  <p><a href="https://i.stack.imgur.com/Wm0y2.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Wm0y2.png" alt="bitbucket rendered list"></a></p>
  
  <p>I want it to look like this (syntax works perfectly fine on SE and Github):</p>
  
  <p><a href="https://i.stack.imgur.com/0aTut.png" rel="noreferrer"><img src="https://i.stack.imgur.com/0aTut.png" alt="SE rendered list"></a></p>
  
  <p>Their <a href="https://confluence.atlassian.com/bitbucketserver/markdown-syntax-guide-776639995.html#Markdownsyntaxguide-Listinlist" rel="noreferrer">list in list</a> example is particularly unacceptable:</p>
  
  <pre><code>1. Step 1
  2. Step 2
  3. Step 3
     * Item 3a
     * Item 3b
     * Item 3c
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/Af1to.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Af1to.png" alt="list in list on bb"></a></p>
  
  <p>Here's <a href="https://bitbucket.org/jeffpuckett/markdown-lists" rel="noreferrer">a repo</a> I set up just for this.</p>