Html 在twitter引导中放置表单中心的标签

我对推特引导非常陌生，我正努力将我的表单放在中心位置

我这里有这样一个代码：

<div class="row">
  <div class="pagination-centered">
        <br/><br/><br/><br/>
        <form action="/payment-init" method="POST">
          <fieldset>
            <legend>Merchant CheckOut Page</legend>
            <label>Product Name</label>
            <input type="text" placeholder="Type something..." name="productName" value="Samsung Mobile Phone"/>
            <label>Amount</label>
            <input type="text" placeholder="Enter the amount in rupees..." name="amount" required="true" />
            <label>Merchant Name</label>
            <input type="text" placeholder="Merchant name" name="merchantId" required = "true" />
            <label>Customer Email</label>
            <input type="text" placeholder="test@gmail.com" name="email" required = "true" />
            <br>
            <button type="submit" class="btn">Submit</button>
          </fieldset>
        </form>
  </div>
</div>

商户结账页面
品名
数量
商户名称
客户电子邮件


提交

其输出如下所示：

我希望将

标签

（即产品名称、金额等）移动到文本框的左上角。可能吗

---

提前感谢。

尝试

浮动：左；文本对齐：左对齐如果这无助于在帖子中添加CSS代码：）我无法告诉修复表单屏幕截图：）
要将标签放置在每个文本框的左上角，还需要使每个文本框填充所有可用宽度。以下各点也是如此：

.pagination-centered label {
  text-align:left;
}

.pagination-centered input {
  width: 100%;
}