add <label> up to hero detail 4

Author: kapunahelewong

public/docs/_examples/reactive-forms/ts/app/hero-detail-1.component.html

@@ -1,6 +1,8 @@
 <!-- #docregion simple-control-->
 <h2>Hero Detail</h2>
 <h3><i>Just a FormControl</i></h3>
-<input class="form-control" [formControl]="name">
+<label>Name:
+  <input class="form-control" [formControl]="name">
+</label>
 <!-- #enddocregion simple-control-->
 

public/docs/_examples/reactive-forms/ts/app/hero-detail-2.component.html

@@ -3,8 +3,9 @@ <h2>Hero Detail</h2>
 <h3><i>FormControl in a FormGroup</i></h3>
 <form [formGroup]="heroForm" novalidate>
   <div class="form-group">
-    <label>Name:</label>
-    <input class="form-control" formControlName="name">
+    <label>Name:
+      <input class="form-control" formControlName="name">
+    </label>
   </div>
 </form>
 <!-- #enddocregion basic-form-->

public/docs/_examples/reactive-forms/ts/app/hero-detail-3.component.html

@@ -3,8 +3,9 @@ <h2>Hero Detail</h2>
 <h3><i>A FormGroup with a single FormControl using FormBuilder</i></h3>
 <form [formGroup]="heroForm" novalidate>
   <div class="form-group">
-    <label>Name:</label>
-    <input class="form-control" formControlName="name">
+    <label>Name:
+      <input class="form-control" formControlName="name">
+    </label>
   </div>
 </form>
 <!-- #enddocregion basic-form-->

public/docs/_examples/reactive-forms/ts/app/hero-detail-4.component.html

@@ -3,26 +3,31 @@ <h2>Hero Detail</h2>
 <h3><i>A FormGroup with multiple FormControls</i></h3>
 <form [formGroup]="heroForm" novalidate>
   <div class="form-group">
-    <label>Name:</label>
-    <input class="form-control" formControlName="name">
+    <label>Name:
+      <input class="form-control" formControlName="name">
+    </label>
   </div>
   <div class="form-group">
-    <label>Street:</label>
-    <input class="form-control" formControlName="street">
+    <label>Street:
+      <input class="form-control" formControlName="street">
+    </label>
   </div>
   <div class="form-group">
-    <label>City:</label>
-    <input class="form-control" formControlName="city">
+    <label>City:
+      <input class="form-control" formControlName="city">
+    </label>
   </div>
   <div class="form-group">
-    <label>State:</label>
-    <select class="form-control" formControlName="state">
-        <option *ngFor="let state of states">{{state}}</option>
-    </select>
+    <label>State:
+      <select class="form-control" formControlName="state">
+          <option *ngFor="let state of states">{{state}}</option>
+      </select>
+    </label>
   </div>
   <div class="form-group">
-    <label>Zip Code:</label>
-    <input class="form-control" formControlName="zip">
+    <label>Zip Code:
+      <input class="form-control" formControlName="zip">
+    </label>
   </div>
   <div class="form-group">
     <label>Super power:</label>