كل عنصر من عناصر HTML له قيمة عرض افتراضية بناءً على نوع العنصر. قيمتي العرض هما block وinline او عناصر مستوى الكتلة وعناصر مستوى المضمن.
عناصر مستوى الكتلة Block-level
يبدأ عنصر مستوى الكتلة دائمًا في سطر جديد ويستغرق العرض الكامل المتاح (يمتد إلى اليسار واليمين قدر الإمكان).
العنصر <div>هو عنصر مستوى الكتلة.
<div>مرحبا</div>
عناصر المستوى الكتلة او Block-levelهي:
<address>
<article>
<aside>
<blockquote>
<canvas>
<dd>
<div>
<dl>
<dt>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<h1>-<h6>
<header>
<hr>
<li>
<main>
<nav>
<noscript>
<ol>
<p>
<pre>
<section>
<table>
<tfoot>
<ul>
<video>
العناصر المضمنة inline-level
لا يبدأ العنصر المضمن في سطر جديد ويستهلك فقط أكبر قدر ممكن من العرض.
العناصر المضمنة او inline-levelهي:
<abbr>
<b>
<bdo>
<br>
<button>
<cite>
<code>
<dfn>
<em>
<i>
<img>
<input>
<kbd>
<label>
<map>
<object>
<output>
<q>
<samp>
<script>
<select>
<small>
<span>
<strong>
<sub>
<sup>
<textarea>
<time>
<var>
