Live Demo - CSS Overflow

Code

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>CSS Units</title>
    <style type="text/css">
      div {
        width: 250px;
        height: 150px;
        border: 1px solid #cccccc;
      }
      div.scroll {
        overflow: scroll;
      }
      div.hidden {
        overflow: hidden;
      }
    </style>
  </head>
  <body>
    <h2>Play with CSS overflow Concept</h2>
    <h3>overflow:scroll</h3>
    <div class="scroll">
      Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sit quasi rerum voluptatem repellat pariatur, distinctio. Sint, quia distinctio sed rerum voluptate sunt unde porro fugiat molestias exercitationem repudiandae commodi fugit
      voluptatibus ab dolorem animi, non magni minima. Reiciendis inventore suscipit minima maxime? Soluta vitae vero iusto explicabo repellendus. Tempora modi eius non dolore earum! Alias iusto, suscipit quos doloribus ex libero impedit
      animi? Culpa, accusantium, corrupti expedita natus ullam voluptas, modi quasi veritatis, debitis unde hic laudantium maiores doloremque quam!
    </div>
    <h2>overflow:hidden</h2>
    <div class="hidden">
      Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sit quasi rerum voluptatem repellat pariatur, distinctio. Sint, quia distinctio sed rerum voluptate sunt unde porro fugiat molestias exercitationem repudiandae commodi fugit
      voluptatibus ab dolorem animi, non magni minima. Reiciendis inventore suscipit minima maxime? Soluta vitae vero iusto explicabo repellendus. Tempora modi eius non dolore earum! Alias iusto, suscipit quos doloribus ex libero impedit
      animi? Culpa, accusantium, corrupti expedita natus ullam voluptas, modi quasi veritatis, debitis unde hic laudantium maiores doloremque quam!
    </div>
  </body>
</html>
Code

Output :Running

CSS Overflow Example
