identation with Highlight.js

Question

I’m having trouble indenting with Highlight.js, the code being generated by marked.js. Has anyone been through it or knows any solution?

index.html:

<!-- highlight.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/agate.min.css">
<!-- Codigo -->
<!-- Codigo -->
<!-- Codigo -->
<!-- Codigo -->
<script>
   hljs.initHighlightingOnLoad();
   var renderedElem = document.querySelector('.markdown-content');
   var renderedMD = marked(document.querySelector('.markdown-content').innerText);
   renderedElem.innerHTML = renderedMD;
</script>

Entree:

.flow-text {
    letter-spacing: 2px;
    font-weight: 300;
    color: #424242;
    margin-top: 1rem;
    margin-bottom: 2rem
}

In the browser: