Update HTML Line-Wrapping examples

Replaces the examples in the HTML Line-Wrapping recommendation to include child elements.
This commit is contained in:
Tony Ruscoe 2022-05-05 10:04:58 +01:00 committed by GitHub
parent 2eb7e16647
commit 992ad03d50
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -451,24 +451,27 @@ wrapping long lines if it significantly improves readability.</p>
additional spaces from the original line to distinguish wrapped attributes from
child elements.</p>
<pre><code class="language-html good">&lt;md-progress-circular md-mode="indeterminate" class="md-accent"
ng-show="ctrl.loading" md-diameter="35"&gt;
&lt;/md-progress-circular&gt;
<pre><code class="language-html good">&lt;button mat-icon-button color="primary" class="menu-button"
(click)="openMenu()"&gt;
&lt;mat-icon&gt;menu&lt;/mat-icon&gt;
&lt;/button&gt;
</code></pre>
<pre><code class="language-html good">&lt;md-progress-circular
md-mode="indeterminate"
class="md-accent"
ng-show="ctrl.loading"
md-diameter="35"&gt;
&lt;/md-progress-circular&gt;
<pre><code class="language-html good">&lt;button
mat-icon-button
color="primary"
class="menu-button"
(click)="openMenu()"&gt;
&lt;mat-icon&gt;menu&lt;/mat-icon&gt;
&lt;/button&gt;
</code></pre>
<pre><code class="language-html good">&lt;md-progress-circular md-mode="indeterminate"
class="md-accent"
ng-show="ctrl.loading"
md-diameter="35"&gt;
&lt;/md-progress-circular&gt;
<pre><code class="language-html good">&lt;button mat-icon-button
color="primary"
class="menu-button"
(click)="openMenu()"&gt;
&lt;mat-icon&gt;menu&lt;/mat-icon&gt;
&lt;/button&gt;
</code></pre>
<h4 id="HTML_Quotation_Marks" class="numbered">HTML Quotation Marks</h4>