JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<div class="box">
    <div class="box-inner">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo pariatur dolorum accusantium quod est dolores nulla odit explicabo aliquid sit eveniet veniam exercitationem optio quia recusandae fugiat accusamus quasi! Delectus.
    </div>
</div>

CSS

.box {
    padding-bottom: 25%;
    border: 5px solid #ccc;
    width: 25%;
    
    height: 0;
    position: relative;
    overflow-x: hidden;
}

.box-inner {
    position: absolute;
    
}