JSFiddle - React, Tailwind, and code Playground
HTML
<div class="table">
<div class="row">
<div class="cell">
<img src="http://via.placeholder.com/150x150" alt="">
</div>
<div class="cell">
<h2>Привет мир</h2>
<p>Проверка</p>
</div>
</div>
</div>
CSS
.container {
max-width: 1180px;
width: 100%;
margin: 0 auto;
}
.table {
display: table;
}
.row {
display: table-row;
}
img {
vertical-align: bottom;
display: inline-block;
}
.cell {
display: table-cell;
border: 1px solid #000;
max-width: 50%;
}
h2, p {
margin: 0;
padding: 0;
}