From a9cf9615a92b486c8044cc50719e6b0fff3c8cdf Mon Sep 17 00:00:00 2001
From: Enzo Venturi <108694352+nnzv@users.noreply.github.com>
Date: Mon, 30 Oct 2023 06:42:08 +0000
Subject: [PATCH] layouts/shortcodes/mermaid.html: choosing <div> for styling
 flexibility

Enhance styling and centering by opting for `<div>` over `<p>`. For example, utilize the class `div.mermaid` with `text-align: center;` for positioning the Mermaid.js SVG image at the center of the container.
---
 layouts/shortcodes/mermaid.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/layouts/shortcodes/mermaid.html b/layouts/shortcodes/mermaid.html
index ff90335..2553d9b 100644
--- a/layouts/shortcodes/mermaid.html
+++ b/layouts/shortcodes/mermaid.html
@@ -7,6 +7,6 @@
 {{ .Page.Scratch.Set "mermaid" true }}
 {{ end }}
 
-<p class="mermaid{{ with .Get "class" }} {{ . }}{{ end }}">
+<div class="mermaid{{ with .Get "class" }} {{ . }}{{ end }}">
   {{- .Inner -}}
-</p>
+</div>