Html 输入字段span元素不在其中

Html 输入字段span元素不在其中,html,css,angular,bootstrap-4,Html,Css,Angular,Bootstrap 4,我在设置输入字段中span元素的格式时遇到问题。元素完全不符合要求。它位于右上角。我在和Angular 2合作 以下是HTML: <div class="form-section"> <div class="form-group"> <div class="form-group"> <label for="flowRate">Flow Rate</label> </div> <div>

我在设置输入字段中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应用于
span
;您正在将其应用于
输入
@MikeMcCaughan抱歉,忘了更改。我希望我的单位显示在右侧的内部输入字段,而不是外部。
.inline-label {
  white-space: nowrap;
  max-width: 190px;
  text-overflow: ellipsis;
}