Html 对齐相邻的输入文本字段

我有以下HTML布局：

<div class="editor-page">
  <div class="container page">
    <div class="row">
      <div class="col-md-10 offset-md-1 col-xs-12">

        <list-errors [errors]="errors"></list-errors>

        <form [formGroup]="articleForm">
          <fieldset [disabled]="isSubmitting">

            <fieldset class="form-group">
              Organization Name<input class="form-control"
                formControlName="orgName"
                type="text"
                placeholder="Enter a valid organization name*" />
            </fieldset>

            <fieldset class="form-group">
              Description<input class="form-control"
                formControlName="orgDescription"
                type="text"
                placeholder="What's this PowerPlant about?" />
            </fieldset>

            <fieldset class="form-group">
              Minimum Power in kw<input class="form-control"
                formControlName="minPower"
                type="text"
                placeholder="Minimum power capacity in kw" />
              Maximum Power in kw<input class="form-control"
                formControlName="maxPower"
                type="text"
                placeholder="Maximum power capacity in kw" />
            </fieldset>

            <fieldset class="form-group">
              <textarea class="form-control"
                formControlName="body"
                rows="8"
                placeholder="Write your article (in markdown)">
              </textarea>
            </fieldset>

            <fieldset class="form-group">
              <input class="form-control"
                type="text"
                placeholder="Enter tags"
                [formControl]="tagField"
                (keyup.enter)="addTag()" />

              <div class="tag-list">
                <span *ngFor="let tag of article.tagList"
                  class="tag-default tag-pill">
                  <i class="ion-close-round" (click)="removeTag(tag)"></i>
                  {{ tag }}
                </span>
              </div>
            </fieldset>

            <button class="btn btn-lg btn-primary" type="button" (click)="submitForm()">
              Add New PowerPlant
            </button>

          </fieldset>
        </form>

      </div>
    </div>
  </div>
</div>

这让我得到了我想要的效果，但仍然不够

编辑：根据使用表单内联的回复，以下是我得到的屏幕截图：

编辑2：以下是新布局在以下答案更新后的外观：

---

好的！这就是我为解决这个问题所做的：

在我的css中添加了以下内容：

.form-min-max-power-input {
   width:43%;
   float:left; }

在显示最小和最大功率输入字段的我的div中使用了此选项

<fieldset class="form-group"><div class="form-min-max-power-input">
          Minimum Power in kw<input class="form-control"
            formControlName="minPower"
            type="text"
            placeholder="Minimum power capacity in kw" /></div><div class="form-min-max-power-input">
          Maximum Power in kw<input class="form-control"
            formControlName="maxPower"
            type="text"
            placeholder="Maximum power capacity in kw" /></div>
        </fieldset>

最小功率（kw）
最大功率（kw）

您可以更好地坚持使用默认的引导类，而不是创建css黑客

最小功率（kw）
最大功率（kw）

默认情况下，输入字段具有块的显示属性，这意味着您不能将元素放在其旁边。另一个元素将从下一行开始。 你能做什么？我将输入的display属性设置为inline-like HTML

---

你能制作你期望的输出屏幕（画图）并发布它吗？你可以使用flexbox而不是

来发布解决方案吗？我试过内联表单，它绝对不是我想要的！我在上面的帖子中附上了截图。你能看一下吗？我想有一个单独的行字段名和输入文本框在下一行@sparkr改变了布局这应该适合你不！mn和max power输入字段仍然在不同的行中@sparkr可以运行代码段并判断这是否是您所需要的。你确定你没有在上面使用其他css类吗？是的，这正是我需要的，但是当我使用它时，布局就像我在上面的问题中发布的一样，只是字段现在在新行中。我已经发布了一个新的图像，它现在看起来是什么样子！

.form-min-max-power-input {
   width:43%;
   float:left; }

<fieldset class="form-group"><div class="form-min-max-power-input">
          Minimum Power in kw<input class="form-control"
            formControlName="minPower"
            type="text"
            placeholder="Minimum power capacity in kw" /></div><div class="form-min-max-power-input">
          Maximum Power in kw<input class="form-control"
            formControlName="maxPower"
            type="text"
            placeholder="Maximum power capacity in kw" /></div>
        </fieldset>

<label>Minimum  power</label>
<input class="inline" type="number">
<label>Maximum power</label>
<input class="inline" type="number">

.inline{
display : inline;
}