A block on a webpage is an {{glossary("HTML")}} {{glossary("element")}} that appears underneath the preceding element and above the following element. For example, {{htmlelement("p")}} is by default a block-level element, whereas {{htmlelement("a")}} is not (i.e., by default you can put a link in the middle of a paragraph; the link doesn't have to start its own line). Using {{cssxref("display")}} you can change whether an element displays inline or as a block (among many other options).
Revision 793969 of Block (CSS)
Revision Information
- Revision slug: Glossary/Block/Block_(CSS)
- Revision title: Block (CSS)
- Revision id: 793969
- Created:
- Creator: klez
- Is current revision? No
- Comment added web literacy tags
Tags:
Revision Content
Revision Source
<p>A <strong>block </strong>on a webpage is an {{glossary("HTML")}} {{glossary("element")}} that appears underneath the preceding element and above the following element. For example, {{htmlelement("p")}} is by default a block-level element, whereas {{htmlelement("a")}} is not (i.e., by default you can put a link in the middle of a paragraph; the link doesn't have to start its own line). Using {{cssxref("display")}} you can change whether an element displays inline or as a block (among many other options).</p>
<h2 id="Learn_more">Learn more</h2>
<h3 id="General_knowledge">General knowledge</h3>
<ul>
<li><a href="/en-US/docs/Web/Guide/CSS/Visual_formatting_model">Visual formatting model</a></li>
</ul>