العنصر الذي يُعرض بشكل block يبدأ في سطر جديد ويأخذ العرض الكامل للحاوية المتاحة، حتى لو كان محتواه قصيرًا.
<div>First block</div>
<p>Second block</p>كل واحد منهما يظهر في سطر منفصل. من أمثلة العناصر block: <div> و<p> و<h1> و<ul> و<section>.
ما يميزه
- يقبل
widthوheightوالهوامش من كل الجهات. - يمكن أن يحتوي عناصر inline وعناصر block أخرى.
تغيير طريقة العرض
a { display: block; } /* a link that takes a full line */
div { display: inline; } /* a div inside the line */