This is some SVG inline in HTML, with 2 sets of identical elements: each group has a circle
, rect
, polygon
, and text
element. On the left (green), the circle
and rect
elements are self-closing, which is valid SVG; on the right (red), the circle
and rect
elements are not closed, which is not valid SVG. HTML error correction shows the first invalid element (the circle), but then breaks out of the SVG when it encounters the error. The next thing that appears on the page should be the subsequent HTML paragraph.
This text comes after the SVG. It doesn't have a closing p
tag.
But this next paragraph should render fine, because of HTML5 error recovery.