JSFiddle - React, Tailwind, and code Playground

HTML

<div id="all">
    Some text aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
        Some text aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
        Some text aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
        Some text aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
        Some text aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
        Some text aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>

CSS

body {
    background-color:black;
    font-family:"lucida console";
    color:white;
}

#all {
    height:100%;
    overflow:auto;
    word-wrap:break-word;
}