title: How to add space between underline classes in mat-form-field elements?
body: <p>I'm trying to add multiple form fields, I wanted to add 2 form fields in a row but I'm not able to add space between form fields ( not able to separate underline)</p>
  
  <pre class="lang-html prettyprint-override"><code> &lt;li&gt;
      &lt;mat-form-field&gt;
        &lt;input matInput [(ngModel)]="name" placeholder="What's your name?"&gt;
      &lt;/mat-form-field&gt;
      &lt;mat-form-field&gt;
        &lt;input matInput [(ngModel)]="name" placeholder="hello"&gt;
      &lt;/mat-form-field&gt;
    &lt;/li&gt;
  </code></pre>
  
  <p>Stackblitz: <a href="https://stackblitz.com/edit/angular-rqczqy" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-rqczqy</a></p>
  
  <p>I want to have space between "what's your name" and "hello"</p>
  
  <p>How can I achieve this?
  Any help would be greatly appreciated!</p>