Blokové versus „řádkové“ elementy

Element <div> je podle základního nastavení elementem blokovým (block), což znamená, že si zabere obdélník v celé dostupné šířce a před sebou i za sebou odřádkuje. Naproti tomu element <em> je v základním nastavení „řádkový“ (inline), což znamená, že bude ležet pěkně v řádce, ve které je uvedený a nebude kolem sebe provádět žádné zmatky s řádky.
Následující příklad demonstruje defaultní renderování a jak to dopadne, když se „přebije“ pomocí CSS stylů na opačné.


Základní vykreslení (renderování)

<div>
  odstavec, ve <em>kterém není nic</em> zajímavého
</div>
  
odstavec, ve kterém není nic zajímavého


Předefinované základní vykreslení (renderování)

<div>
  odstavec, ve <em style="display: block;">kterém není nic</em> zajímavého
</div>
  
odstavec, ve kterém není nic zajímavého