responsive: handling overflowing text in a table

overflow.css

.readmore-narrative p {
	overflow: scroll;
	max-height: 300px;
	white-space: normal; // breaks lines as necessary to fill line boxes
}

overflow.html

<div class="table-responsive"> <!-- bootstrap class -->
	<table class="table table-striped table-hover results-table">
		<tr class="readmore-narrative">
			<td colspan="8">
				<p></p>
			</td>
		</tr>
	</table>
<div>