CSS overflow.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS overflow property</title>
    <style>
        .box {
            width: 30vw;
            height: 30vh;
            border: 2px solid black;
            /* overflow: auto;
            overflow-x: hidden;
            overflow-y: scroll; */
            overflow: scroll hidden;
             /* white-space: nowrap;
            text-overflow: ellipsis; */
        }
    </style>
</head>

<body>
    <div class="box">
        I am a good boy and i love to write Lorem ipsum, dolor sit amet consectetur adipisicing elit. Culpa sed magnam
        nam ex adipisci tenetur corporis placeat labore tempore aliquid incidunt rerum officiis doloremque accusantium
        neque assumenda numquam, ab, nobis cupiditate, repellendus sunt inventore eum distinctio. Veniam tenetur qui
        nobis dignissimos. Mollitia eligendi natus cupiditate?
    </div>

</body>

</html>