JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<h2>
		Page Header
	</h2>
	<div style="page-break-inside: avoid; border: 1px solid black; margin-bottom: 20px;">
		<h4>
			Module Title
		</h4>
		<div style="margin-left: 10px; padding: 10px 0 10px 0;">
			Row Content Here
			<br />
			More Row Content Here
		</div>
		<div style="margin-left: 10px; padding: 10px 0 10px 0;">
			Row Content Here
			<br />
			More Row Content Here
		</div>
		<div style="margin-left: 10px; padding: 10px 0 10px 0;">
			Row Content Here
			<br />
			More Row Content Here
		</div>
		<div style="margin-left: 10px; padding: 10px 0 10px 0;">
			Row Content Here
			<br />
			More Row Content Here
		</div>
		<div style="margin-left: 10px; padding: 10px 0 10px 0;">
			Row Content Here
			<br />
			More Row Content Here
		</div>
		<div style="margin-left: 10px; padding: 10px 0 10px 0;">
			Row Content Here
			<br />
			More Row Content Here
		</div>
		<div style="margin-left: 10px; padding: 10px 0 10px 0;">
			Row Content Here
			<br />
			More Row Content Here
		</div>
		<div style="margin-left: 10px; padding: 10px 0 10px 0;">
			Row Content Here
			<br />
			More Row Content Here
		</div>
		<div style="margin-left: 10px; padding: 10px 0 10px 0;">
			Row Content Here
			<br />
			More Row Content Here
		</div>
		<div style="margin-left: 10px; padding: 10px 0 10px 0;">
			Row Content Here
			<br />
			More Row Content Here
		</div>
		<div style="margin-left: 10px; padding: 10px 0 10px 0;">
			Row Content Here
			<br />
			More Row Content Here
		</div>
		<div style="margin-left: 10px; padding: 10px 0 10px 0;">
			Row Content Here
			<br />
			More Row Content Here
		</div>
		<div style="margin-left: 10px; padding: 10px 0 10px 0;">
			Row Content Here
			<br />
			More Row Content Here
		</div>
		<div style="margin-left: 10px; padding: 10px 0 10px 0;">
			Row Content Here
			<br />
			More Row Content Here
		</div>
		<div style="margin-left: 10px; padding: 10px 0 10px 0;">
			Row Content Here
			<br />
			More Row Content...