title: Why putting anything (div, p, or just text) inside ion-item after ion-input is not showing?
body: <p>I have requirements to validate a simple form. Everything is working but I am facing a little issue with placing text messages in ionic 3 list item.
  The <code>ion-item</code> contains <code>ion-input</code> element. if I put <code>div</code> below it which contain some text will not show but if I place that div outside the item then message shows up in DOM, in the prior case my message doesn't even exist in the DOM.</p>
  
  <p>Below is the case where messages won't display</p>
  
  <pre><code>&lt;ion-item margin-bottom&gt;
              &lt;ion-input type="text" name="serial_number" #serialNum="ngModel" minlength="3" placeholder="WELL ID" [(ngModel)]="well.serial_number"
                required&gt;
              &lt;/ion-input&gt;
              &lt;div class="text-md-danger" no-padding *ngIf="serialNum.invalid &amp;&amp; (serialNum.dirty || serialNum.touched)"&gt;
                &lt;div no-padding *ngIf="serialNum.errors.required"&gt;
                  &lt;small&gt;
                    Providing WELL ID is mandatory.
                  &lt;/small&gt;
                &lt;/div&gt;
                &lt;div *ngIf="serialNum.errors.minlength"&gt;
                  &lt;small&gt;
                    WELL ID must be at least 3 characters long.
                  &lt;/small&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/ion-item&gt;
  </code></pre>
  
  <p>In the following case messages will display but placing is not right and I want to avoid putting custom CSS to place my messages underneath that input field.</p>
  
  <pre><code>&lt;ion-item margin-bottom&gt;
          &lt;ion-input type="text" name="serial_number" #serialNum="ngModel" minlength="3" placeholder="WELL ID" [(ngModel)]="well.serial_number"
            required&gt;
          &lt;/ion-input&gt;            
        &lt;/ion-item&gt;
        &lt;div class="text-md-danger" no-padding *ngIf="serialNum.invalid &amp;&amp; (serialNum.dirty || serialNum.touched)"&gt;
            &lt;div no-padding *ngIf="serialNum.errors.required"&gt;
              &lt;small&gt;
                Providing WELL ID is mandatory.
              &lt;/small&gt;
            &lt;/div&gt;
            &lt;div *ngIf="serialNum.errors.minlength"&gt;
              &lt;small&gt;
                WELL ID must be at least 3 characters long.
              &lt;/small&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>does anyone know why elements below <code>ion-input</code> inside <code>ion-item</code> are not showing?</p>
  
  <p>thanks in advance</p>