title: how to align angular tag contents in span
body: <p>I need to align both information i.e PO number and Vendor properly, how to do it?</p>
  <pre><code>from
  
  PO Number: 344 Vendor: yu
  PO Number: 3445 Vendor: yu
  PO Number: 344 Vendor: yu
  
  to
  
  PO Number: 344   Vendor: yu
  PO Number: 3445  Vendor: yu
  PO Number: 344   Vendor: yu
  </code></pre>
  <pre><code>&lt;div *ngFor=&quot;let n of listof_POs&quot; style=&quot;color: white;&quot;&gt;
        &lt;span&gt;&lt;b&gt;PO Number: {{n.po_number}} &amp;nbsp; &amp;nbsp;Vendor: {{n.vendorname}} &lt;/b&gt;&lt;/s
  &lt;/div&gt;
  </code></pre>