当我使用php echo时，为什么标签元素会自动关闭？

Question

I was trying to make this code as below.

PHP code I wrote:

$i = 1;
<div class="sampleNumberIndex">
  <p> 
    <h2> <?php echo $i; ?></h2> 
  </p> 
</div>

Made code that I expected

<div class="sampleNumberIndex"> 
  <p> 
    <h2> 1 </h2> 
  </p> 
</div>

But php code made this.

<div class="sampleNumberIndex"> 
  <p> </p>
    <h2> 1 </h2> 
  <p> </p>
</div>

I'm using chrome, what did make it like that?

Answer 1

That has nothing to do with PHP. It's just that html doesn't want you to wrap h2-tags in p-tags. You should rather use divs, regardless of what you are trying to accomplish here.