From a54bf4cd0c6bb6ec3b0c85984fef2a8d4518ea8e Mon Sep 17 00:00:00 2001
From: Mitch Wu <benq7879@gmail.com>
Date: Wed, 28 Jun 2023 22:58:30 +0800
Subject: [PATCH] Correct the sample code of mermaid (#2119)

---
 content/en/content-management/diagrams.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/content/en/content-management/diagrams.md b/content/en/content-management/diagrams.md
index e664dd501..71d168494 100644
--- a/content/en/content-management/diagrams.md
+++ b/content/en/content-management/diagrams.md
@@ -47,9 +47,9 @@ Will be rendered as:
 Hugo currently does not provide default templates for Mermaid diagrams. But you can easily add your own. One way to do it would be to create `layouts/_default/_markup/render-codeblock-mermaid.html`:
 
 ```go-html-template
-<div class="mermaid">
+<pre class="mermaid">
   {{- .Inner | safeHTML }}
-</div>
+</pre>
 {{ .Page.Store.Set "hasMermaid" true }}
 ```