JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table-container__inf-row">
	<div class="table-container__name tc1">
		<p class="table">
            <span class="table-cell">
                <a href="#">Наименование оооочень оооочен ьооооченьоооо ченьоооочен ьооооченьо оооченьоооочень оооочень оооочень оооочень оооочень длинное</a> 
            </span>
        </p>
    </div>
    <div class="table-container__size tc2">
	    <p class="table">
            <span class="table-cell">xxxxxx</span>
        </p>
    </div>
	<div class="table-container__quantity tc3">
		<p class="table">
            <span class="table-cell">yyyy</span>
        </p>
	</div>
	<div class="table-container__input tc4">
		<p class="table">
            <span class="table-cell">zzzzzzz</span>
        </p>
	</div>
	<div class="table-container__price tc5">
		<p class="table">
            <span class="table-cell">213214</span>
        </p>
    </div>
	<div class="table-container__order tc6">
		<p class="table">
            <span class="table-cell">
                <a href="#" class="btn-cart">добавить</a>
            </span>
        </p>
	</div>
</div>
<div class="table-container__inf-row">
	<div class="table-container__name tc1">
		<p class="table">
            <span class="table-cell">
                <a href="#">Наименование</a>
            </span>
        </p>
    </div>
    <div class="table-container__size tc2">
	    <p class="table">
            <span class="table-cell">xxxxxx</span>
        </p>
    </div>
	<div class="table-container__quantity tc3">
		<p class="table">
            <span class="table-cell">yyyy</span>
        </p>
	</div>
	<div class="table-container__input tc4">
		<p class="table">
            <span class="table-cell">zzzzzzz</span>
        </p>
	</div>
	<div class="table-container__price tc5">
		<p class="table">
            <span class="table-cell">213214</span>
        </p>
    </div>
	<div class="table-container__order tc6">
		<p class="table">
            <span class="table-cell">
                <a...

CSS

.table-container {font-size: 0px;}

.tc1 {width: 137px;
	margin: 0 2px 2px 0;
}

.tc2 {width: 103px;
	margin: 0 2px 2px 0;
}

.tc3 {width: 131px;
	margin: 0 2px 2px 0;
}

.tc4 {width: 124px;
	margin: 0 2px 2px 0;
}

.tc5 {width: 93px;
	margin: 0 2px 2px 0;
}

.tc6 {
	width: 93px;
	background-color: #fff;
	margin: 0 0 2px 0;
}

.table-container__caption .table {min-height: 41px;}

.table {
	display: table;
	width: 100%;
	height: 100%;
    text-align: center;
}

.table-cell {
	display: table-cell; 
	vertical-align: middle;
	width: 100%;
	height: 100%;
	font-size: 13px;
}

.table-container__name,
.table-container__size,
.table-container__quantity,
.table-container__input,
.table-container__price,
.table-container__order {
	display: inline-block;
	vertical-align: top;
	background-color: #efefef;
	min-height: 51px;
}

.table-container__inf-row .table {min-height: 51px;}

.table-container__name {
	text-align: left;
	padding: 0 13px;
}

.table-container__name a {
	color: #0069bc;
	text-decoration: underline;
}

.table-container__name a:hover {
	text-decoration: none;
}