密码重置表单前端修改求助：将Checkbox及文本左对齐

不用复杂CSS，直接通过内联样式就能实现需求。核心思路是：把复选框和文本放在一个内部左对齐的容器里，同时让这个容器保持在页面居中（不破坏外层div的居中设置）。

修改后的完整代码如下：

<h4>Enter your NEW password here</h4>
<form name="pswreset" id="pswreset" action="pswreset_action.cfm" method="post">
  <fieldset>
    <input type="password" placeholder="Your New Password" name="pwd" tabindex="7" id="psw-repeat" required>
  </fieldset>
  <fieldset>
    <!-- 控制复选框与文本左对齐的容器 -->
    <div style="display: inline-block; text-align: left;">
      <input type="checkbox" id="showpsw"/> show password
    </div>
  </fieldset>
  <fieldset>
    <button>SUBMIT</button>
  </fieldset>
</form>

关键说明： #

• display: inline-block：让容器仅占用内容宽度，同时继承外层的居中属性，不会撑满整行破坏布局。
• text-align: left：让容器内部的复选框和文本左对齐，而整个容器仍保持在页面居中状态。
• 全程不需要修改外层的div align=center标签，完全保证和其他页面的样式一致性。

内容的提问来源于stack exchange，提问作者user1557856