JSFiddle - React, Tailwind, and code Playground

HTML

<div class="console" id="monitor">Test</div>

CSS

.console {
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-all;
  width: 100%;
  height: 100%;
}

JavaScript

var text = "";

for (i = 0; i < 2000; i++) {
    text += 'TestingTestingTesting-TestingTestingTesting-TestingTestingTesting-TestingTestingTesting-TestingTestingTesting-TestingTestingTesting-TestingTestingTesting-TestingTestingTesting-TestingTestingTesting-TestingTestingTesting\n';
}

document.getElementById("monitor").innerHTML = text;