JSFiddle - React, Tailwind, and code Playground

by sensei

HTML

<div class="main">
    <div class="left">
        <div class="right">
                Большое содержимое, от которого должен тянуться блок вниз.  Большое содержимое, от которого должен тянуться блок вниз.  Большое содержимое, от которого должен тянуться блок вниз.  Большое содержимое, от которого должен тянуться блок вниз.  Большое содержимое, от которого должен тянуться блок вниз.  Большое содержимое, от которого должен тянуться блок вниз.  Большое содержимое, от которого должен тянуться блок вниз.  Большое содержимое, от которого должен тянуться блок вниз. 
        </div>
        Все норм, все норм, все норм :)
    </div>
</div>

CSS

.main {
     width: 400px;
}
.left {
    background: yellow;
    overflow: hidden;
}
.right {
     width: 50%;
     color: white;
     float: right;
     background: black;   
}