fix issue with markdownify and p tag

5 files changed, 41 insertions, 19 deletions

diff --git a/exampleSite/content/post/papercss-shortcodes/index.md b/exampleSite/content/post/papercss-shortcodes/index.md
index b279301..632f856 100644
--- a/exampleSite/content/post/papercss-shortcodes/index.md
+++ b/exampleSite/content/post/papercss-shortcodes/index.md
@@ -215,9 +215,9 @@ Alert-danger
 
 ## card
 
-The `img` param accepts an [image page resource](https://gohugo.io/content-management/page-resources/) name. 
+The `img` param accepts an [image page resource](https://gohugo.io/content-management/page-resources/) name.
 
-The `command` and `options` params accept [image processing](https://gohugo.io/content-management/image-processing/#readout) args. 
+The `command` and `options` params accept [image processing](https://gohugo.io/content-management/image-processing/#readout) args.
 
 Required params: `img`, `command`, `options`.
 
@@ -247,38 +247,60 @@ text="The Sun is the star at the center of the Solar System. It is a nearly perf
 
 ```
 {{</* border */>}}
-[link](https://gohugo.io/functions/markdownify/), **bold**, _italic_
+* Testing GitHub issue <https://github.com/zwbetz-gh/papercss-hugo-theme/issues/8>
+* **bold**
+* _italic_
 {{</* /border */>}}
 
 {{</* color "success" */>}}
-[link](https://gohugo.io/functions/markdownify/), **bold**, _italic_
+* Testing GitHub issue <https://github.com/zwbetz-gh/papercss-hugo-theme/issues/8>
+* **bold**
+* _italic_
 {{</* /color */>}}
 
 {{</* background "success" */>}}
-[link](https://gohugo.io/functions/markdownify/), **bold**, _italic_
+* Testing GitHub issue <https://github.com/zwbetz-gh/papercss-hugo-theme/issues/8>
+* **bold**
+* _italic_
 {{</* /background */>}}
 
 {{</* alert "success" */>}}
-[link](https://gohugo.io/functions/markdownify/), **bold**, _italic_
+* Testing GitHub issue <https://github.com/zwbetz-gh/papercss-hugo-theme/issues/8>
+* **bold**
+* _italic_
 {{</* /alert */>}}
 
 <h3>Example badge {{</* badge "success" */>}}[link](https://gohugo.io/functions/markdownify/), **bold**, _italic_{{</* /badge */>}}</h3>
 ```
 
 {{< border >}}
-[link](https://gohugo.io/functions/markdownify/), **bold**, _italic_
+* Testing GitHub issue <https://github.com/zwbetz-gh/papercss-hugo-theme/issues/8>
+* **bold**
+* _italic_
 {{< /border >}}
 
+<br>
+
 {{< color "success" >}}
-[link](https://gohugo.io/functions/markdownify/), **bold**, _italic_
+* Testing GitHub issue <https://github.com/zwbetz-gh/papercss-hugo-theme/issues/8>
+* **bold**
+* _italic_
 {{< /color >}}
 
+<br>
+
 {{< background "success" >}}
-[link](https://gohugo.io/functions/markdownify/), **bold**, _italic_
+* Testing GitHub issue <https://github.com/zwbetz-gh/papercss-hugo-theme/issues/8>
+* **bold**
+* _italic_
 {{< /background >}}
 
+<br>
+
 {{< alert "success" >}}
-[link](https://gohugo.io/functions/markdownify/), **bold**, _italic_
+* Testing GitHub issue <https://github.com/zwbetz-gh/papercss-hugo-theme/issues/8>
+* **bold**
+* _italic_
 {{< /alert >}}
 
 <h3>Example badge {{< badge "success" >}}[link](https://gohugo.io/functions/markdownify/), **bold**, _italic_{{< /badge >}}</h3>
diff --git a/layouts/shortcodes/alert.html b/layouts/shortcodes/alert.html
index 0522ebb..e1e4437 100644
--- a/layouts/shortcodes/alert.html
+++ b/layouts/shortcodes/alert.html
@@ -1,3 +1,3 @@
-<p class="alert alert-{{ .Get 0 }}">
+<div class="alert alert-{{ .Get 0 }}">
   {{ .Inner | markdownify }}
-</p>
\ No newline at end of file
+</div>
diff --git a/layouts/shortcodes/background.html b/layouts/shortcodes/background.html
index 5d06c3c..4a1cddb 100644
--- a/layouts/shortcodes/background.html
+++ b/layouts/shortcodes/background.html
@@ -1,3 +1,3 @@
-<p class="sm col background-{{ .Get 0 }}">
+<div class="sm col background-{{ .Get 0 }}">
   {{ .Inner | markdownify }}
-</p>
\ No newline at end of file
+</div>
diff --git a/layouts/shortcodes/border.html b/layouts/shortcodes/border.html
index 2b4accd..b72bb84 100644
--- a/layouts/shortcodes/border.html
+++ b/layouts/shortcodes/border.html
@@ -11,7 +11,7 @@
 {{ end }}
 
 <div class="child-borders">
-  <p class="sm col {{ $class }}">
+  <div class="sm col {{ $class }}">
     {{ .Inner | markdownify }}
-  </p>
-</div>
\ No newline at end of file
+  </div>
+</div>
diff --git a/layouts/shortcodes/color.html b/layouts/shortcodes/color.html
index 637f336..d0bba5e 100644
--- a/layouts/shortcodes/color.html
+++ b/layouts/shortcodes/color.html
@@ -1,3 +1,3 @@
-<p class="text-{{ .Get 0 }}">
+<div class="text-{{ .Get 0 }}">
   {{ .Inner | markdownify }}
-</p>
\ No newline at end of file
+</div>