The inert self closing syntax is misleading, though, because if you use it for a non-void element then whatever follows will be contained within the tag.

e.g. how do you think a browser will interpret this markup?

    <div />
    <img />

A lot of people think it ends up like this (especially because JSX works this way):

    <div></div>
    <img>

but it's actually equal to this:

    <div>
        <img>
    </div>