JSFiddle - React, Tailwind, and code Playground
HTML
<div class="doc">
<h1>Doc 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sit hoc ultimum bonorum, quod nunc a me defenditur; Quae cum praeponunt, ut sit aliqua rerum selectio, naturam videntur sequi; In quibus doctissimi illi veteres inesse quiddam caeleste et divinum putaverunt. At ego quem huic anteponam non audeo dicere; At iste non dolendi status non vocatur voluptas. Quod quidem nobis non saepe contingit. Cupit enim dĂcere nihil posse ad beatam vitam deesse sapienti. Duo Reges: constructio interrete. Que Manilium, ab iisque M. Quae quidem sapientes sequuntur duce natura tamquam videntes;</p>
<h2>Title 2</h2>
<p>More content here</p>
<h1>title 2</h1>
<p class="style1">Re mihi non aeque satisfacit, et quidem locis pluribus. At quicum ioca seria, ut dicitur, quicum arcana, quicum occulta omnia? Re mihi non aeque satisfacit, et quidem locis pluribus. Age nunc isti doceant, vel tu potius quis enim ista melius? Nam aliquando posse recte fieri dicunt nulla expectata nec quaesita voluptate. Ergo id est convenienter naturae vivere, a natura discedere. Cum praesertim illa perdiscere ludus esset.</p>
</div>
<div class="doc">
<h1>Doc2</h1>
<p>Content, content, content, content, content, content, content, content, content, content, content, content, content, content, content, content, content, content, content, content, content, content, content</p>
<h2>Title 2</h2>
</div>
<div class="doc">
<h1>Doc 3</h1>
<table>
<tr>
<td>Re mihi non aeque</td>
<td>a natura discedere</td>
</tr>
<tr>
<td>content</td>
<td>vel tu potius</td>
</tr>
<tr>
<td>Re mihi non aeque</td>
<td>et quidem </td>
</tr>
</table>
<p>Content, content, content, content, content, content, content, content, content, content, content, content, content, content, content, content, content, content,...
CSS
div.doc {
margin:20px;
border: 1px solid black;
padding:10px;
}
.style1{
font-size: 14px;
font-family : verdana;
}
table, td, td{
border: 1px solid gray;
border-collapse:collapse;
}