JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="greyBlock">
	<div class="inside block"></div>
	<p class="inside text">Одна или несколько строк текста размером 14px.</p>
</div>
<div class="greyBlock">
	<div class="inside block"></div>
	<p class="inside text">Одна или несколько строк текста, причем блок текста может быть и больше, чем блок слева, а может быть и меньше, как получится, хоть так, хоть так.</p>
</div>
</body>
</html>

CSS

body {
	margin: 0px;
	padding: 10px;
}
div {
	border: 1px solid #a3a3a3;
}
.greyBlock {
	background-color: #efefef;
	padding: 10px;
	margin-bottom: 10px;
}
.greyBlock:after {
	content: " ";
	display: block;
	clear: both;
}
.block {
	height: 148px;
	width: 148px;
	background-color: #fafb9d;
	float: left;
	margin-right: 10px;
}
.text {
	font-size: 14px;
	margin: 0px; 
}