সিএসএস

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
  width: 400px;
  height: 100px;
  column-count: 3;
}
</style>
</head>
<body>

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

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
  width: 400px;
  height: 100px;
  column-count: 3;
  column-gap: 20px;
}
</style>
</head>
<body>

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

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
  width: 400px;
  height: 100px;
  column-count: 3;
  column-gap: 20px;
  column-rule: 4px double pink;
}
</style>
</head>
<body>

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

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
  width: 400px;
  height: 100px;
  column-count: 3;
  column-gap: 20px;
}

b {
  column-span: all;
}
</style>
</head>
<body>

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

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
  width: 400px;
  height: 100px;
  column-count: 3;
  column-gap: 20px;
  column-rule-style: double;
  column-rule-width: 4px;
}
</style>
</head>
<body>

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

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
  width: 400px;
  height: 100px;
  column-count: 3;
  column-gap: 20px;
  column-rule-style: double;
  column-rule-width: 4px;
}
</style>
</head>
<body>

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

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
  width: 400px;
  height: 100px;
  column-count: 3;
  column-gap: 20px;
  column-rule-style: double;
  column-rule-width: 4px;
  column-rule-color: pink;
}
</style>
</head>
<body>

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

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
  width: 400px;
  height: 100px;
  column-count: 3;
}

.auto {
  column-fill: auto;
}

.balance {
  column-fill: balance;
}

</style>
</head>
<body>

<p class="auto">
  প্রোগ্রামিং শিখুন - প্রোগ্রামিং দিয়ে আপনার ক্যারিয়ার গড়ুন
  এইচটিএমএল হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ
  সিএসএস ক্যাসকেডিং স্টাইল শিট
</p>
<br>

<p class="balance">
  প্রোগ্রামিং শিখুন - প্রোগ্রামিং দিয়ে আপনার ক্যারিয়ার গড়ুন
  এইচটিএমএল হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ
  সিএসএস ক্যাসকেডিং স্টাইল শিট
</p>

</body>
</html>