JSFiddle - React, Tailwind, and code Playground

by fersterin

HTML

<style>
body {
	padding: 0;
	margin: 0;
}
div {
	height: 100vh;
	display: table-cell;
	vertical-align: middle;
}
img {
	
}
/* Центрирование картинки по вертикали.
Хитрость заключается в том, чтобы указать, что внешний блок должен быть отформатирован как ячейка таблицы, т.к. содержимое ячейки таблицы может быть выровнено по центру вертикально.*/
</style>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus eos iusto, est?<br>
<img src="https://profile.freepik.com/accounts/avatar/default_07.png" alt=""><br>
Delectus eos iusto, est?
</div>