Html 无法将表单的标签字段居中对齐

我想将我的表单w.r.t.页面居中对齐，但如果我使用以下选项，则只有文本输入字段对齐，但标签仍保留在左侧。如何解决

<div id="passCode"></div>
<form class="form-horizontal">
    <fieldset>
        <legend style="color:#145FAC">Please Fill in the Online Form</legend>
        <div class="form-group">
            <label for="inputEmail" class="col-lg-2 control-label">Name</label>
            <div class="col-lg-10">
                <input type="text" class="form-control formWidth" id="inputName" placeholder="Nam" />
            </div>...</div>
    </fieldset>
</form>

请填写在线表格
名称
...

---

文本对齐：left

应用于

控件标签

，因此它覆盖应用于父元素的“center”。尝试使用下面的css

.control-label, .form-control {
    text-align: center;
}

---

text align:left

应用于

控制标签

，因此它覆盖应用于父元素的“中心”。尝试使用下面的css

.control-label, .form-control {
    text-align: center;
}

---

将此CSS用于表单：

.form-horizontal {
    margin: 0 auto;
    width: 70%; //Change it according to the design.
}

---

演示：

将此CSS用于表单：

.form-horizontal {
    margin: 0 auto;
    width: 70%; //Change it according to the design.
}

---

演示：

您可以使用中心标记，因为您希望标签居中

<center>
  <div id="passCode"></div>

  <div class="container "> <!--center_div or center-block-->
    <form class="form-horizontal">
      <fieldset>


        <legend style="color:#145FAC">Please Fill in the Online Form</legend>


        <div class="form-group">

          <label for="inputEmail" class="col-lg-2 control-label">Name</label>
          <div class="col-lg-10">
            <input type="text" class="form-control formWidth" id="inputName" placeholder="Name" required>
          </div>
        </div>
      </fieldset>
    </form>
  </div>

</center>

请填写在线表格
名称

您可以使用中心标记，因为您希望标签居中

<center>
  <div id="passCode"></div>

  <div class="container "> <!--center_div or center-block-->
    <form class="form-horizontal">
      <fieldset>


        <legend style="color:#145FAC">Please Fill in the Online Form</legend>


        <div class="form-group">

          <label for="inputEmail" class="col-lg-2 control-label">Name</label>
          <div class="col-lg-10">
            <input type="text" class="form-control formWidth" id="inputName" placeholder="Name" required>
          </div>
        </div>
      </fieldset>
    </form>
  </div>

</center>

请填写在线表格
名称

您可以将此CSS应用于

表单控件

：

text-align: center !important;
text-align: -webkit-center !important

---

您可以将此CSS应用于

表单控件

：

text-align: center !important;
text-align: -webkit-center !important

---

Bootstrap附带一个helper类。中间块。尝试将其添加到标签。

引导程序附带一个帮助器类。中间块。尝试将其添加到标签。

我已向您添加Bootply示例，请检查此项，它可能对您有效。

我已向您添加Bootply示例，请检查此项，它可能对您有效。

尝试将输入的id从inputName更改为InputEmail它没有任何区别。尝试将输入的id从inputName更改为InputEmail它确实有效没有任何区别。请尝试将输入的id从inputName更改为inputEmailit没有任何区别。