JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
		<div class="content-scroll">
			<div class="content-table">
				<div class="content-cell">
					Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Которой до единственное вопрос составитель однажды, коварный безорфографичный. Несколько сбить там единственное курсивных языком приставка рот ты текстами ее власти.Решила за даже снова деревни эта коварный одна до всеми однажды всемогущая бросил они власти имени, жаренные над, щеке. Толку себя дорогу над напоивший. Меня парадигматическая домах моей эта сбить.
					Единственное, осталось злых большой домах вершину повстречался, там страна рыбного себя приставка ты парадигматическая грустный имеет переписали, однажды все! Сбить свой города назад образ заголовок пунктуация lorem имеет текст коварных.
				</div>
			</div>
		</div>
	</div>

CSS

.content {
			border: 2px solid red;
			padding: 10px;
			height: 200px;
			overflow: hidden;
		}
		.content-scroll {
			height: 100%;
			overflow: auto;
		}
		.content-table {
			height: 100%;
			display: table;
			width: 100%;
		}
		.content-cell {
			display: table-cell;
			vertical-align: middle;	
		}