JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="asdf"><p id="outer"></p></div>
</body>

JavaScript

var insert = document.createElement('div'),
    text = document.createTextNode('ladygaga');

insert.appendChild(text);

document.getElementById('outer').appendChild(insert);

var e = document.getElementById('asdf')

console.log('Real HTML',e.innerHTML);

e.innerHTML = e.innerHTML;

console.log('Compliant HTML',e.innerHTML);

function ruinTheHtml() {
        
var allElements = document.body.getElementsByTagName("*"),
    next,
    afterNext;
        
Array.prototype.map.call( allElements,function( el,i ){
        
    if(el.tagName !== 'SCRIPT') {
        
        if(el.textContent === '') {
        
            next = el.nextSibling;
            
            afterNext = next.nextSibling;
            
            el.parentNode.removeChild( afterNext );
            
            el.appendChild( next );

        }

    }
});
        
}

ruinTheHtml();

console.log('Ruined Compliant HTML',e.innerHTML);