标签未与选择框对齐

Question

我的标签未与我的选择框对齐。相反，它位于上一个div的下方，该div位于页面的中间。

选择框位于最左侧。 for和name值匹配，因此我不明白为什么它们是分开的。

我在前一个div上使用style="display:inline;"，在div上使用style="display:inline-block;vertical-align:top"。

即使我将label替换为span，它仍然位于页面中心的前一个div下面。有任何想法吗？

这是整个问题div。

  <div class="form-group">
  <div class="dropdown" dropdown>
  <label class="label-text" for="unit" >Cm/Inch</label>
  <select class="form-control" id="unit" style="width:150px;" 
(ngModelChange)="onUnitChange($event)"
          [(ngModel)]="job_entry.units" name="unit">
    <option disabled hidden [value]="undefined">select unit </option>
    <option  value="cm">centimeters</option>
    <option  value="inch">inches</option>
  </select>
</div>