Obsah blokového prvku P, který nemá nastaveno žádné zvláštní formátování. ...
Obsah stejného blokového prvku P, který má nastavený rámeček, žluté pozadí a větší dolní okraj. ...
V tomto odstavci je stejně zvýrazněný, ale řádkový prvek. Všimněte si rozdílů ve formátování, především toho, že dolní okraj (margin-bottom) u řádkového prvku se zcela ignoruje a jeho horní/dolní výplň (padding) nemají vliv na formátování celého odstavce - pozadí i rámeček tak klidně mohou zasahovat do jiných řádků. Zkuste si tuto stránku zobrazit ve velmi úzkém okně, aby se zvýrazněný řádkový prvek rozdělil na nový řádek. Všimněte si, že výplň (padding) a rámeček se v místě rozdělení nepoužijí (což ale neplatí např. v MSIE6, který je - chybně - zobrazí).
Pozn.: Některé chybovější prohlížeče (např. starší verze MSIE) dost dobře nezvládají formátování řádkových prvků - a třeba výplň přesahující rozměr řádku a rámeček kolem nich jim činí nepřekonatelné potíže. Srovnejte vzhled této stránky např. v MSIE5/Win a jiném prohlížeči s lepší podporou CSS (např. Mozilla, Opera, MSIE6 či jiný).