সিএসএস

<!DOCTYPE html>
<html>
<head>
<style>
div {
  width: 100px;
  height: 100px;
  overflow: auto;
  background-color: lightblue;
}

.hidden {
  overflow: hidden;
}

.clip {
  overflow: clip;
}

.scroll {
  overflow: scroll;
}

.auto {
  overflow: auto;
}
</style>
</head>
<body>

<div class="hidden">
  প্রোগ্রামিং শিখুন
  প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন
</div>
<br>

<div class="scroll">
  প্রোগ্রামিং শিখুন
  প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন
</div>
<br>

<div class="clip">
  প্রোগ্রামিং শিখুন
  প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন
</div>
<br>

<div class="auto">
  প্রোগ্রামিং শিখুন
  প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন
</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
div {
  width: 250px;
  height: 120px;
  overflow: auto;
  overflow-anchor: none;
  background-color: lightblue;
  padding: 10px;
}
</style>
</head>
<body>

<div>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
  <p>হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ</p>
  <p>ক্যাসকেডিং স্টাইল শিট</p>
</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
div {
  width: 250px;
  background-color: lightblue;
  padding: 10px;
  overflow-wrap: break-word;
}
</style>
</head>
<body>

<div>
  প্রোগ্রামিং শিখুন - প্রোগ্রামিং দিয়ে আপনার ক্যারিয়ার গড়ুন
</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
div {
  width: 250px;
  height: 100px;
  overflow-x: auto;
  background-color: lightblue;
  padding: 10px;
  white-space: nowrap;
}
</style>
</head>
<body>

<div>
  প্রোগ্রামিং শিখুন
  প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন
</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
div {
  width: 250px;
  height: 50px;
  overflow-y: auto;
  background-color: lightblue;
  padding: 10px;
}
</style>
</head>
<body>

<div>
  প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন
  হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ
  ক্যাসকেডিং স্টাইল শিট
</div>

</body>
</html>