将不同高度的列与底部div CSS对齐

Question

我在我的WooCommerce网站中使用CSS进行设计。我的页面看起来像这样

我的代码是这样的

<div class="row">
<div class="col-md-3">Stenner Tube Assemble column.......</div>
<div class="col-md-3">Image with buy now column....</div>
<div class="col-md-3">Image with add to card column....</div>
<div class="col-md-3">videos and tags column....</div>
</div>
<div class="row">
<p>In many industrial application ...</p>
</div>

我希望在前三列的底部空间填充下一行div上的描述。 我尝试使用不同的CSS属性，例如position，margin，flex，padding等，但未得到结果。 是否有可能以CSS或任何其他方式。因此，多余的空白被文本覆盖。 谢谢