Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Firefox is misinterpretting the HTML code

  • 1 پاسخ
  • 4 have this problem
  • 8 views
  • آخرین پاسخ توسّط cor-el

more options

In an HTML document, there is a p element containing many child elements followed by another p element. The browser does not realize the first ending tag is for the first p element, and so creates a third empty middle paragraph. Why would this happen?
Here is the code:

<!DOCTYPE html>
<html>
<body>
<p><div>A child of the first paragraph.</div></p>
<p>The second paragraph.</p>
</body>
</html>
In an HTML document, there is a p element containing many child elements followed by another p element. The browser does not realize the first ending tag is for the first p element, and so creates a third empty middle paragraph. Why would this happen? <br /> Here is the code: <pre><nowiki><!DOCTYPE html> <html> <body> <p><div>A child of the first paragraph.</div></p> <p>The second paragraph.</p> </body> </html></nowiki></pre>

Modified by cor-el

Chosen solution

I don't think that you can place a DIV element inside a P element in Firefox (you can do the opposite and place a P in a DIV), so Firefox closes the P tag to open the DIV element and reopens the P tag after DIV container.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>
<p></p><div>A child of the first paragraph.</div><p></p>
<p>The second paragraph.</p>
</body></html>
Read this answer in context 👍 1

All Replies (1)

more options

Chosen Solution

I don't think that you can place a DIV element inside a P element in Firefox (you can do the opposite and place a P in a DIV), so Firefox closes the P tag to open the DIV element and reopens the P tag after DIV container.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>
<p></p><div>A child of the first paragraph.</div><p></p>
<p>The second paragraph.</p>
</body></html>