JSFiddle - React, Tailwind, and code Playground

by petroveg

HTML

<div class="item"><span class="item-icon"></span><span class="item-text">Одна строка</span></div>
<div class="item"><span class="item-icon"></span><span class="item-text">Несколько<br>строк</span></div>

CSS

.item {
	height: 60px;
	line-height: 60px;
}
.item-icon,
.item-text {
	display: inline-block;
	vertical-align: middle;
}
.item-icon {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	border-radius: 50%;
	background: #369;
}
.item-text {
	line-height: normal;
}