复制 algorithm2e 代码呈现不同效果

Question

我正在写算法课程的总结，为了插入新算法，我使用了 algorithm2e 包。我仍在学习该包的功能，所以我尝试从中复制代码latex 维基百科。

不幸的是，渲染我的文件后，结果不同。

根据 wikibook，结果应该是，

但我的结果是

我希望标题位于代码上方而不是下方（如我的结果所示）。我不明白为什么在我的结果中 while 循环不在初始化的下一级，而是在同一行。

我的代码（与 wikibook 中的代码相同，只是我使用了 linesnumbered）：

\documentclass[12pt, a4paper]{article}
\usepackage[linesnumbered]{algorithm2e}
\begin{document}
\begin{algorithm}[H]
    \KwData{this text}  
    \KwResult{how to write algorithm with \LaTeX2e }  
    initialization\;  
    \While{not at end of this document}{read current\;
        \eIf{understand}{go to next section\;    
            current section becomes this one\;}
        {go back to the beginning of current section\;}  
    }  
    \caption{How to write algorithms}   
\end{algorithm}
\end{document}

我该怎么办？谢谢！