输入字段span元素不在其中

Question

我在输入字段中格式化span元素时遇到问题。元素完全脱节。它位于右上角。我正在使用Angular 2。

这是HTML：

<div class="form-section">
  <div class="form-group">
 <div class="form-group">
    <label for="flowRate">Flow Rate</label>
  </div>
  <div>
    <input type="number" step="any" class="form-control" [(ngModel)]="tmpFlowRate" id="flowRate" (input)="emitChange()" onfocus="this.select();">
    <span class="inline-label">{{settings.flowMeasurement}}</span>
  </div>
</div>

我的CSS文件：

.inline-label {
  white-space: nowrap;
  max-width: 190px;
  text-overflow: ellipsis;
}