Oto przykład 1. Ten akapit ma wcięcie wielkości 3 em. Ponieważ jego wartość jest dodatnia (większa niż 0), cały tekst pozostaje zawarty w elemencie. Sprawa skomplikuje się nieco, kiedy użyję ujemnej wartości, tworząc "wycięcie" tekstu.

Oto przykład 2. Ten akapit ma ujemne wcięcie. Ponieważ po jego lewej stronie nie ma wystarczająco dużo miejsca, "wycięty" tekst jest przycięty przez krawędź okna przeglądarki. Wyświetlam obramowanie tego elementu, żeby pokazać, na czym polega problem.

Oto przykład 3. Ten akapit ma takie samo, ujemne wcięcie jak poprzedni, ale ponieważ jego lewy margines jest większy od jego ujemnej wartości wcięcia, "wycięty" tekst nie zostaje przycięty przez krawędź okna przeglądarki. Wyświetlam obramowanie tego elementu, żeby pokazać, jak uniknąć przedstawionego tutaj problemu.

Oto przykład 4. Ten akapit wystylizowany jest tak samo, jak poprzedni, z tym że nie ma obramowania, dzięki czemu jasno widać rezultat. Wcięcia wskazują początek akapitu, kiedy nie oddzielasz ich dodatkowymi odstępami.

Między tym akapitem a poprzednim nie ma dodatkowego odstępu. Ujemna wartość wcięcia wyraźnie oddziela ten akapit od poprzedniego. W tym samym celu można wykorzystać także dodatnie wartości wcięcia.