do #42

assets/css/template-styles.css

@@ -161,7 +161,7 @@ code {
 }
 .cmd code {
     color: #fefefe;
-    white-space: nowrap;
+    white-space: pre-wrap;
 }
 .cmd code::before {
     content: '$';

exampleSite/content/post/cmd-test.md

@@ -0,0 +1,13 @@
+---
+title: "cmd Test"
+date: 2020-08-04T21:05:05-05:00
+tags: [issue]
+---
+
+Testing out GitHub issue https://github.com/zwbetz-gh/cupper-hugo-theme/issues/42
+
+{{< cmd >}}
+Line 1
+Line 2
+Line 3
+{{</ cmd >}}

layouts/shortcodes/cmd.html

@@ -1 +1,7 @@
-<pre class="cmd"><code>{{ trim .Inner "\n" }}</code></pre>
+{{ $trimmed := (trim .Inner "\n") }}
+{{ $lines := split $trimmed "\n" }}
+<pre class="cmd">
+  {{ range $lines }}
+  <code>{{ . }}</code>
+  {{ end }}
+</pre>