JSFiddle - React, Tailwind, and code Playground

HTML

<a href="javascript:;">change height</a>

<div class="outer">
    <div class="inner">
        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.
    </div>    
</div>

CSS

div
{
    vertical-align: middle;
    display: table-cell;
    border: solid 1px #eee;
    padding: 10px;
}
div.outer {
    height: 300px;
}
div.inner {
    height: 150px;   
}
a { margin-bottom: 20px; display: block }

JavaScript

$(function() {

    $('a').click(function() {
        $('div.outer').css('height', '200px');
    })

});