页面上出现的换行符不在HTML源代码中

Question

呈现DOM时出现换行符，该换行符不在我的源代码中，请将该内容推到适当位置。为什么？我该如何解决？这是我的代码：

<div class="float-left" style="position:relative;left:15px">
    <h2 style="color:#323C41;margin-bottom:0;">A New Hope</h2>
    <p style="color:#323C41;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vehicula nisl at hendrerit ornare. Ut non ipsum urna. Praesent non.</p>
</div>

当我在Chrome浏览器中查看该页面时，它显示以下内容：

<div class="d-flex justify-content-center align-items-center bg-grey-kr fg-navy-kr secondary">
    <br>
    <img src="/images/testers/rebels.png" alt="Rebel symbol" class="rebel"><br>    <div class="float-left" style="position:relative;left:15px">
    <br>        
    <h2 style="color:#323C41;margin-bottom:0;">A New Hope</h2>
    <br>        
    <p style="color:#323C41;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vehicula nisl at hendrerit ornare. Ut non ipsum urna. Praesent non.</p>
    <br>    
</div>

这会使我的页面看起来像这样：

当我删除换行符时，我看到了预期的结果：

感谢您对此进行检查。我整个上午都在搜索，找不到答案。如果很明显，请提前对不起！

Answer 1

问题来自于通过Hexo工具将HTML代码直接添加到我的“新页面”中。 Hexo是一个博客工具，可将Markdown文件编译成静态的实时页面。每当我按下Enter键以在新行上编写代码时，Markdown都会采用这种方式，就像我在文本编辑器中按下Enter键一样。将代码全部移到一行可以解决此问题。

无法在线找到答案，但是当我发现答案时，我想在此处发布它以提高知名度。