Jak odsadit text v HTML pomocí CSS?
V tomto článku probereme různé metody odsazení textu v dokumentu HTML. Odsazení textu se používá k nastavení délky prázdného bílého místa před řádky textu v bloku. Obecně označuje začátek odstavce.
Existuje několik běžných přístupů k odsazování textu:
Obsah
Za použití vlastnost margin-left :
Tato vlastnost se používá k přidání okraje nalevo od prvku. Lze jej použít k přidání požadovaného odsazení zadáním potřebného prostoru ve vhodných délkových jednotkách nebo procentech.
Příklad: Tento příklad používá vlastnost margin-left k odsazení celého bloku textu.
HTML
> <> html> >> <> head> >> > <> style> >> > p {> > margin-left: 40px;> > }> > style>hlava> |
Výstup:
Za použití vlastnost text-indent:
Tato vlastnost se používá k nastavení velikosti mezery před prvním řádkem textu v odstavci. Podle potřeby lze zadat v jednotkách délky nebo procentech.
Příklad: V tomto příkladu je první řádek odstavce odsazen pomocí vlastnosti text-indent.
HTML
> <> html> >> <> head> >> > <> style> >> > p {> > text-indent: 40px;> > }> > style>hlava> |
Výstup:
Použitím vlastnost padding-left :
Vlastnost padding-left v CSS určuje velikost prostoru mezi levým okrajem pole obsahu prvku a jeho vnitřním obsahem. Vytváří výplň na levé straně, odsouvá obsah od levého okraje prvku a poskytuje mezery a odsazení.
Příklad: V tomto příkladu používáme vlastnost padding left s příkladem .
HTML
> <> html> >> <> head> >> > <> style> >> > p {> > padding-left: 60px;> > }> > style>hlava> |
Výstup:
