Mi etiqueta no se alinea con mi cuadro de selección. En cambio, se encuentra debajo del div anterior, que se encuentra en el medio de la página.

El cuadro de selección se encuentra en el extremo izquierdo. Los valores for y name coinciden, por lo que no entiendo por qué están separados.

Estoy usando style="display:inline;" en el div anterior y style="display:inline-block;vertical-align:top" en el siguiente div.

Incluso si reemplazo la label con el span , todavía se encuentra debajo del div anterior en el centro de la página. ¿Algunas ideas?

Este es todo el problema 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>