HTML输入被移入标签

Question

我有这段代码，它是一个简单的表单，带有文本输入，复选框和提交按钮。

<form method='post'>
  <input type='text' name='email' id='email'></input>
  <label class='container'>Foo bar
    		<input type='checkbox' name='newsletter' id='newsletter'>
    		<span class='checkmark'></span>
    	</label>
  <input type='submit' name='submitMail' id='submitMail' value='OK'>
</form>

但是当它被解释时，它就变成了这样（第二个输入被移到标签中）：

<form method='post'>
    <input type='text' name='email' id='email'></input>
    <label class='container'>Foo bar
        <input type='checkbox' name='newsletter' id='newsletter'>
        <span class='checkmark'></span>
        <input type='submit' name='submitMail' id='submitMail' value='OK'>
    </label>
</form>

为什么？我该如何解决？

预先感谢

编辑：简单的错字错误。 “ Foo bar”区域包含带有未闭合的<p>的生成的文本，我想浏览器只是在试图从中弄清楚这一点。