display प्रॉपर्टी मान block का उपयोग करने से एक तत्व नई लाइन पर शुरू होता है। इसके साथ, यह पूरी चौड़ाई ले लेता है। इसलिए, तत्व एक ब्लॉक तत्व के रूप में प्रदर्शित होता है।
उदाहरण
<!DOCTYPE html> <html>
<head>
<style>
p { background-color: orange; color: white; }
p.demo1 { display: block; }
p.demo2 { display: inline-block; }
</style>
</head>
<body>
<h1>मैच विवरण</h1>
<div> मैच <p class="demo1">10AM</p> 19 दिसंबर, 2019 को शुरू होगा। </div>
<hr />
<div> मैच <p class="demo2">5PM</p> 19 दिसंबर, 2019 को समाप्त होगा। </div>
</body>
</html>
आउटपुट
एक और उदाहरण
<!DOCTYPE html> <html>
<head>
<style>
p { background-color: orange; color: white; }
p.demo { display: block; }
</style>
</head>
<body>
<h1>छात्र परिणाम</h1>
<div> MCA छात्र का परिणाम <p class="demo">20 दिसंबर 2019</p> को घोषित किया जाएगा। उसी दिन शाम 8 बजे वेबसाइट देखें। </div>
</body>
</html>
आउटपुट
व्याख्या: display: block तत्व को ब्लॉक-स्तरीय बनाता है (नई लाइन, पूरी चौड़ाई)। inline-block इंलाइन प्रवाह में रखता है लेकिन चौड़ाई/ऊंचाई स्वीकार करता है। डिफ़ॉल्ट display मान टैग पर निर्भर करता है (div, p ब्लॉक; span, a इंलाइन)।
