<p>标签结束，没有任何内容

Question

我有以下代码：

<p>
  <div class="error">Error in this field</div>
  <label for="first-name">Your name: </label>
  <input type="text" id="first-name" class="input tab1-input">
</p>

但是当我检查它时，我看到了：

<p></p>
<div class="error">Error in this field</div>
<label for="first-name">Your name: </label>
<input type="text" id="first-name" class="input tab1-input">
<p></p>

为什么浏览器会这样解析此代码？