<style>
  div.div1 {
      width: 150px;
      height: 150px;
      background-color: LightBlue;
      float: left;
  }

  div.div2 {
      width: 150px;
      height: 150px;
      margin-left: 10px;
      background-color: LightBlue;
      float: left;
      overflow: scroll;
  }
 
 
  div.div3 {
      width: 150px;
      height: 150px;
      margin-left: 10px;
      background-color: LightBlue;
      float: left;
      overflow: hidden;
  }
</style>

<div class="div1">
This text is inside the div element, which has a blue
background color and is floated to the left. We set a specific
height and width for the div element, and as you can see,
the content cannot fit.
</div>

<div class="div2">
This text is inside the div element, which has a blue
background color and is floated to the left. We set a specific
height and width for the div element, and as you can see,
the content cannot fit.
</div>


<div class="div3">
This text is inside the div element, which has a blue
background color and is floated to the left. We set a specific
height and width for the div element, and as you can see,
the content cannot fit.
</div>

<div style="clear: both;"></div><br />