美人鱼流程图文本对齐

Question

我目前正在 VSCode 中使用 Mermaid，但无法在创建的框中对齐文本。似乎文本没有居中，甚至超出了框外。当我在 the Mermaid Live Editor 中使用相同的语法时，似乎一切正常，但问题出现在 VSCode 中。

graph TD

    start([example]) --> B{Understand <br> Problem}
    B --> C[Define Methods for Testing] & D[Review Literature with Problem]
    C & D --> E[Testing]
    E-->F[Fix Problem]

我在 VSCode 中安装了 Markdown Preview Mermaid Support、Mermaid Editor、Mermaid Markdown Syntax Highlighter 和 Mermaid Preview。我也试过使用 <center> some text </center>，但 <center> 似乎已被弃用。

提前致谢。