<br> 元素在标签和输入之间不起作用答案

【问题标题】：<br> element not working between label and input<br> 元素在标签和输入之间不起作用
【发布时间】：2022-01-06 03:27:59
【问题描述】：

编辑：我的 CSS 代码阻止了 <br> 标记插入单个换行符

我一直在尝试创建一个登录页面，我想将用户名插入块和密码插入块居中，我已经使用
标签来完成它，但它不起作用；见截图。任何帮助表示赞赏，谢谢这是代码：

<div class="login">
  <form action="#">
    <label for="username">Username: </label>
    <input type="text" name="username"><br/>
    <label for="password">Password: </label>
    <input type="password" name="password"><br/>
    <input type="submit" name="submit" value="LOGIN">
  </form>
</div>

here's how the code renders

【问题讨论】：

所有其他条件都相同：这不是该代码的呈现方式。您一定忘记在问题中包含某些内容。您需要提供minimal reproducible example

标签： html forms input label

【解决方案1】：

<div class="login">
    <form action="#">
        <label for="username">Username: </label>
        <input type="text" name="username"><br/><br/>
        <label for="password">Password: </label>
        <input type="password" name="password"><br/><br/>
        <input type="submit" name="submit" value="LOGIN">
    </form>
</div>

试试这个

【讨论】：

感谢您的帮助，但没有成功
点击“运行代码 sn-p”按钮
好的，谢谢！结果是 CSS 中的一些代码阻止了元素形成我想要的形状。
这读起来更像是一场寻找差异的游戏，而不是一个答案……而且似乎并没有解决问题。如果一个 br 没有效果——它显然对问题中的代码起作用，所以必须有一些 OP 遗漏的东西阻止它工作——那么添加第二个不太可能有帮助（因为 OP 缺少的代码正在运行以同样的方式影响它）。