डिवीजन टैग <div> का उपयोग करके हम HTML तत्वों को कैसे स्टाइल करते हैं?

टैग के साथ, आसानी से अपने HTML दस्तावेज़ के एक भाग को परिभाषित करें। HTML तत्वों के बड़े वर्गों को एक साथ समूहित करें और उन्हें आसानी से प्रारूपित करें।

टैग का उपयोग ब्लॉक-स्तरीय तत्वों के साथ किया जाता है।

डिवीजन टैग div का उपयोग करके हम HTML तत्वों को कैसे स्टाइल करते हैं?

आप

टैग का उपयोग करके HTML तत्व को स्टाइल करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं। जोड़ा गया शैली नियम आईडी ="सामग्री" वाले तत्व पर लागू होता है।
यहाँ id CSS चयनकर्ता है।

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <title>HTML div Tag</title>
      <link rel = "stylesheet" href = "style.css">
   </head>
   <body>
      <div id = "container">
         <p>Welcome to our website. We provide tutorials on various subjects.</p>
      </div>
   </body>
</html>

ये रही CSS फ़ाइल style.css,

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

डिवीजन टैग का उपयोग करके हम HTML तत्वों को कैसे स्टाइल करते हैं?

उदाहरण

डिवीजन टैग
का उपयोग करके हम HTML तत्वों को कैसे स्टाइल करते हैं?