JSFiddle - React, Tailwind, and code Playground

by AliReza Moazami

HTML

<div class="colElement">
    <div class="colText">
        متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>
    </div>
</div>
<div class="colElement2">
    <div class="colText">
        متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>متن تستی<br>
    </div>
</div>

CSS

.colElement{
    float:right;
    display:inline-block;
    max-height:572px;
    max-width: 314px;
    min-width:314px;
    overflow: hidden;
    background:lime;border:1px solid green;
}
.colElement2{
    float:right;
    display:inline-block;
    max-height:572px;
    width:455px;
    overflow: hidden;
    background:pink;border:1px solid red;
}
.colText{
    padding:10px;
    background:#ececec;
    line-height:190%;
    height:522px;
}