Remove reference to BR in braille example

Kept the warning about <br/> but removed it from the example. Instead it now tags the whole thing as an h1 and then tags the subtitle as a p with a class of subtitle.

best-practices/tagging/index.html

@@ -303,9 +303,8 @@ <h4>Headings</h4>
 				</aside>
 				<aside class="example" title="Multiline heading">
 					<p>Note that while <code>&lt;br/></code> can be used to force multiple lines, doing so will hardcode those breaks. It is better to identify the heading with either a tag or class and use CSS to center the braille &lpar;<code>text-wrap: balance</code>&rpar;. See the <a href=https://daisy.github.io/ebraille/best-practices/styling/#line-breaking>Styling Best Practices section on line breaks</a> for more information.</p>
-					<pre><code class="html">&lt;h1>⠠⠉⠓⠁⠏⠞⠑⠗ ⠼⠛&lt;br/>
-⠠⠞⠓⠑ ⠠⠗⠑⠍⠁⠗⠅⠁⠃⠇⠑ ⠠⠞⠗⠥⠞⠓&lt;br/>
-⠁⠃⠕⠥⠞ ⠠⠚⠕⠓⠝ ⠠⠎⠍⠊⠞⠓&lt;/h1></code></pre>
+					<pre><code class="html">&lt;h1>⠠⠉⠓⠁⠏⠞⠑⠗ ⠼⠛
+&lt;p class="subtitle">⠠⠞⠓⠑ ⠠⠗⠑⠍⠁⠗⠅⠁⠃⠇⠑ ⠠⠞⠗⠥⠞⠓ ⠁⠃⠕⠥⠞ ⠠⠚⠕⠓⠝ ⠠⠎⠍⠊⠞⠓&lt;p>&lt;/h1></code></pre>
 				</aside>
 				<aside class="example" title="Running header, also called a running head or running heading when used for the title of the work being transcribed">
 					<pre><code class="html">&lt;title class="running-heading">⠠⠁⠀⠠⠞⠁⠇⠑⠀⠷⠀⠠⠞⠺⠕⠀⠠⠉⠊⠞⠊⠑⠎&lt;/title></code></pre>