JSFiddle - React, Tailwind, and code Playground

by oraclepadawan

HTML

<html>

<head>
    <style>
        .scroll {
            display: block;
            border: 1rem solid black;
            padding: 5px;
            margin-top: 5px;
            width: 300px;
            height: 50px;
            overflow: scroll;
        }

        .auto {
            display: block;
            border: 1rem solid black;
            padding: 5px;
            margin-top: 5px;
            width: 300px;
            height: 50px;
            overflow: auto;
        }
    </style>
</head>

<body>
    <p>Scroll</p>
    <div class="scroll">
        <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum recusandae quos accusamus? Corporis laborum
            pariatur consectetur laboriosam delectus! Autem obcaecati laboriosam expedita maiores inventore
            exercitationem, cumque saepe corporis veniam aut!
        </p>
    </div>
    <br />

    <p>Auto</p>

    <div class="auto">
        <p>
            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic fugit velit sequi perferendis accusamus
            dolorem vero vitae eius itaque eaque illum consequuntur error perspiciatis deserunt, explicabo cum quasi
            omnis praesentium!
        </p>
    </div>
</body>

</html>