Run Example

Edit This Code:
<!DOCTYPE html>
<html>
<head>
<style> 
div {
  border: 3px solid;
  padding: 20px; 
  width: 300px;
  resize: horizontal;
  overflow: auto;
}
</style>
</head>
<body>

<h1>The resize Property</h1>

<div>
  <p>resize property is used to resize a box by user. To resize this div you have to click and drag the bottom right corner of this div element.</p>
</div>


</body>
</html>
Result: