Blokové elementy slouží k rozdělování stránky do bloků. Jsou dělené na blokové (kontejnerové) a řádkové elementy. Tyto elementy neobsahují vlastní formátování. Blokové elementy se s výhodou využívají pro stylování a definování vlastností pomocí kaskádových stylů.
Element <div> je blokový kontejnerový element, který může seskupovat další HTML elementy. Ačkoli nemá element <div> vlastní formátování, chová se jako nový odstavec (blok), tzn. před ním i za ním je odřádkováno a začíná se z kraje stránky.
<div>
Element <span> je řádkový element, který může být použit jako kontejner textu pouze na daném řádku
<span>
<div id=“main“>
<div id=“head“></div>
<div id=“content“></div>
</div>
<p class=“odstavec“>text<span class=“special“>text</span></p>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head><!-- ščřžýŠČŘŽÝ -->
<meta name="generator" content="PSPad editor, www.pspad.com" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<div align="center">
<p>První odstavec.</p>
<p>Druhý odstavec.</p>
<p>Třetí odstavec.</p>
</div>
</body>
</html>