##**Problem:**##
My `<pre>` tags are lined up with my bullet indents in the code preview, but not in the answer.

**Example:**

- bullet 1
    <pre>code 1</pre>
 - subpoint 1
    <pre>code 2</pre>

<br>

##**This is what it should look like:**##

![what it should look like][1]

<br>

##**This is what happens:**##

![what it looks like][2]


  [1]: https://i.sstatic.net/0EEYP.png
  [2]: https://i.sstatic.net/YImbX.png