Indented HTML image is displayed as code block

[DenisDuev]

https://babelmark.github.io/?text=++%3Cdiv+style%3D%22text-align%3Acenter%22%3E%0A++++%3Cimg+src%3D%22https%3A%2F%2Fhatrabbits.com%2Fwp-content%2Fuploads%2F2017%2F01%2Frandom-word-1.jpg%22%3E%0A++%3C%2Fdiv%3E

For example if you have in Markdown:

  <div style="text-align:center">
    <img src="https://hatrabbits.com/wp-content/uploads/2017/01/random-word-1.jpg">
  </div>

It is parsed as:

<p>
</p>
<div style="text-align:center">
  <pre>
    <code>
      "<img src="https://hatrabbits.com/wp-content/uploads/2017/01/random-word-1.jpg">"
    </code></pre>
  <p>
  </p>
</div>

Desired behaviour:

<div style="text-align:center">
  <img src="https://hatrabbits.com/wp-content/uploads/2017/01/random-word-1.jpg" />
</div>