Shortcode 'lead' produces invalid HTML

[deining]

Related, but not similar to #526:

docsy/layouts/shortcodes/blocks/lead.html

Lines 6 to 16 in f03cba0

	<section class="row td-box td-box--{{ $col_id }} position-relative td-box--gradient td-box--height-{{ $height }}">
	<div class="container text-center td-arrow-down">
	<span class="h4 mb-0">
	{{ if eq .Page.File.Ext "md" }}
	{{ .Inner | markdownify }}
	{{ else }}
	{{ .Inner | htmlUnescape | safeHTML }}
	{{ end }}
	</span>
	</div>
	</section>

This shortcode is used within https://www.docsy.dev and produces the HTML output below:

<a id="td-block-1" class="td-offset-anchor"></a>
<section class="row td-box td-box--primary position-relative td-box--gradient td-box--height-auto">
	<div class="container text-center td-arrow-down">
		<span class="h4 mb-0">
				<p>Docsy is a theme for the Hugo static site generator that’s specifically designed for technical documentation sets. Our aim is to help you get a working documentation site up and running as easily as possible, so you can concentrate on creating great content for your users.</p>
		</span>
	</div>
</section>

The problem with this code is the fact that the span tag is an inline element and therefore cannot held <p> tags. The above HTML code is therefore invalid.

Possible solution:

I would propose to replace the <span> tag with <div> tag which is a block-level element and can therefore held <p> tags. If desired, I can author a PR for this issue.