HTML-এ <div> ট্যাগ ব্যবহার করে ব্লক-লেভেল এলিমেন্ট স্টাইল করা

<div> ট্যাগ ব্যবহার করে আপনার HTML ডকুমেন্টের একটি সেকশন সহজে সংজ্ঞায়িত করা যায়। HTML এলিমেন্টের বড় সেকশন গ্রুপ করে সহজে ফরম্যাট করা যায়। <div> ট্যাগ ব্লক-লেভেল এলিমেন্টের সাথে ব্যবহার করা হয়।

নিচের কোড চালিয়ে <div> ট্যাগ ব্যবহার করে HTML এলিমেন্ট স্টাইল করুন। যোগ করা স্টাইল রুল id="content" সেট করা এলিমেন্টে প্রয়োগ হয়। এখানে id হলো CSS সিলেক্টর।

উদাহরণ

<!DOCTYPE html> <html>    <head>       <title>HTML div Tag</title>       <link rel = "stylesheet" href = "style.css">    </head>    <body>       <div id = "container">          <p>আমাদের ওয়েবসাইটে স্বাগতম। আমরা বিভিন্ন বিষয়ে টিউটোরিয়াল প্রদান করি।</p>       </div>    </body> </html>

এখানে CSS ফাইল style.css:

#container p {    line-height: 15px;    margin: 20px;    padding-bottom: 15px;    text-align: justify;    width: 130px;    color: blue; }