title: Angular 2 Material form elements horizontal alignment
body: <p>I want to thank you ahead, for your time. I really appreciate all your help! </p>
  
  <p>This is a form I created with Angular 2 Material Design. I'm wondering how can I align  and ? As you can see in this snapshot below, the Bill Number is higher than Year. </p>
  
  <p><a href="https://i.stack.imgur.com/P2ASx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P2ASx.png" alt="enter image description here"></a></p>
  
  <p>Below is the code </p>
  
  <pre><code>&lt;md-card class="bill-form"&gt;
  &lt;md-toolbar color="warn"&gt;
      &lt;md-card-title&gt;{{bill.Type}}&lt;/md-card-title&gt;
  &lt;/md-toolbar&gt;
  &lt;md-card-content class="form-content"&gt;
      &lt;form&gt;
          &lt;table style="width:100%" cellspacing="0"&gt;
              &lt;tr&gt;
              &lt;td&gt;
                  &lt;md-select placeholder="Vendor" [(ngModel)]="bill.VendorShortcut" name="VendorShorcut"
                  (change)="getVendor(bill.VendorShortcut)"&gt;
                      &lt;md-option&gt;
                      &lt;/md-option&gt;
                      &lt;md-option *ngFor="let vendor of vendors" [value]="vendor"&gt;
                          {{vendor}}
                      &lt;/md-option&gt;
                  &lt;/md-select&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;md-select placeholder="Type" [(ngModel)]="bill.Type" name="Type" selected="'Bill'"&gt;
                      &lt;md-option [value]="'Bill'"&gt;
                          Bill
                      &lt;/md-option&gt;
                      &lt;md-option [value]="'Credit'"&gt;
                          Credit
                      &lt;/md-option&gt;
                  &lt;/md-select&gt;
  
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;md-select placeholder="Month" [(ngModel)]="bill.Month" name="Month" selected="bill.Month"&gt;
                      &lt;md-option *ngFor="let month of months" [value]="month"&gt;
                          {{month}}
                      &lt;/md-option&gt;
                  &lt;/md-select&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;md-select placeholder="Year" [(ngModel)]="bill.Year" name="Year" selected="bill.Year"&gt;
                      &lt;md-option *ngFor="let year of years" [value]="year"&gt;
                          {{year}}
                      &lt;/md-option&gt;
                  &lt;/md-select&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;md-input-container&gt;
                      &lt;input mdInput placeholder="Bill Number"  [(ngModel)]="bill.BillNumber" name="BillNumber"&gt;
                  &lt;/md-input-container&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;md-input-container align="end"&gt;
                      &lt;input mdInput placeholder="Amount" [(ngModel)]="bill.Total" name="Total"&gt;
                      &lt;span md-prefix&gt;$&amp;nbsp;&lt;/span&gt;
                      &lt;span md-suffix&gt;&lt;/span&gt;
                  &lt;/md-input-container&gt;
              &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
  
      &lt;/form&gt;
  &lt;/md-card-content&gt;
  </code></pre>
  
  <p></p>