কম্পিউটার

CSS দিয়ে কলামের মধ্যে ফাঁক উল্লেখ করুন


কলামের মধ্যে ফাঁক সেট করতে কলাম-গ্যাপ বৈশিষ্ট্য ব্যবহার করুন। আপনি 50px মান সহ কলাম-গ্যাপ প্রপার্টি বাস্তবায়ন করতে নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন:

উদাহরণ

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            column-count: 4;
            column-gap: 50px;
         }
      </style>
   </head>
   <body>
      <div class = "demo">
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
      </div>
   </body>
</html>

  1. CSS এ Em দিয়ে ফন্ট সাইজ সেট করা

  2. CSS-এ ::প্রথম-লাইনের ছদ্ম-উপাদান

  3. CSS-এ @media At-রুল

  4. টেক্সট ইন্ডেন্টেশন CSS এর সাথে কাজ করছে