<button onclick="breakBody()">Break All</button>
<h1>Example</h1>
<div class="wrap">
<article>
  <h2>One</h2>
  <p>Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
  </article>
  <article>
    <h2>Two</h2>
  <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
  </article>
  <article>
    <h2>Three</h2>
  <p>Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
  </article>
  
  </div>
.wrap {
  display: flex;
}
/* Изменим содержимое BODY */
function breakBody() {
  var body = document.body;
  var str = "Brave New World";
  
  body.innerHTML = str;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.