Question

This is more theoretical, I don’t have a use for it currently, but would be nice. I would like to create a div layout in which each section cannot be broken by mismatched tags inside of it.

A simple model:

<div id="navbar">

</div>

<div id="content">


**blah blah blah </div>**<!-- assume this line came from a php include -->

blah blah blah

</div><!-- still related to #content despite the bogus /div above it. -->

Has anyone ever tried to accomplish this, or is this a fools errand?

Answer 1

There is no way to do this. If you have an opening <div> tag, the next </div> tag will close it. Period. Case closed.

If you don’t want your <div> to be closed early, then don’t print the bogus </div>.