Update HTML Line-Wrapping examples

Replaces the examples in the HTML Line-Wrapping recommendation to include child elements.

Author: tonyruscoe

htmlcssguide.html

@@ -451,24 +451,27 @@ <h4 id="HTML_Line-Wrapping" class="numbered">HTML Line-Wrapping</h4>
 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;
-</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;
-</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;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;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>