title: How to set width of <span> tag in angular?
body: <p>This is my HTML code.</p>
  
  <pre><code>&lt;div class="col-md-8"&gt;
     &lt;span class="label"&gt;Product Name&lt;/span&gt;
     &lt;span&gt;
        &lt;mat-form-field&gt;
           &lt;input matInput formControlName="productName"&gt;
        &lt;/mat-form-field&gt;
     &lt;/span&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>CSS Code:</p>
  
  <pre><code>.label { width: 180px; } span{ display: inline-block; }
  </code></pre>
  
  <p>In this code, class 'label' has fixed width but another span is not taking remaining width of col-md-8.</p>