JSFiddle - React, Tailwind, and code Playground

by cuzzea

HTML

<div id='d'>
<p id='p1'>
asd as dasd a
as das das dasdasdasadasd
 asd as d     asdasdasdasdasdasdasd
as d asdasda sd as a
asdasdas d as dasda s das da sd as d
as da s               aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaadddddddddddddddddddddsssssssssssssssaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</p>
<p id='p2'>
asd as dasd a
as das das dasdasdasadasd
 asd as d     asdasdsssssssssssssssssssssssssqqqqqqqqqqqqqqwwwwwwwwwwwwwweeeeeeeeeeeeeeeeasdasdasdasdasd
as d asdasda sd as a
asdasdas d as dasda s das da sd as d
as da s               aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</p></div>
<button onclick="loadA1()">a1</button>
<button onclick="loadA2()">a2</button>
<button onclick="loadA3()">a3</button>

CSS

html,body,d,p{
    width:500px;
}

p{
    text-wrap: unrestricted;
}

JavaScript

var div = $('#d'),
    p1  = $('#p1'),
    p2  = $('#p2');