![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
Firefox is misinterpretting the HTML code
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>
Upravil uživatel cor-el dne
Zvolené řešení
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>Přečíst dotaz v kontextu 👍 1
Všechny odpovědi (1)
Zvolené řešení
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>