Kako zamakniti besedilo v HTML s pomočjo CSS?
V tem članku bomo razpravljali o različnih metodah zamikanja besedila v dokumentu HTML. Zamik besedila se uporablja za nastavitev dolžine praznega prostora pred vrsticami besedila v bloku. Na splošno označuje začetek odstavka.
Obstaja nekaj pogostih pristopov za zamik besedila:
Kazalo
Uporabljati lastnost margin-left :
Ta lastnost se uporablja za dodajanje roba na levi strani elementa. Uporabite ga lahko za dodajanje zahtevanega zamika, tako da določite potreben prostor v ustreznih dolžinskih enotah ali odstotkih.
primer: Ta primer uporablja lastnost margin-left za zamik celotnega bloka besedila.
HTML
> <> html> >> <> head> >> > <> style> >> > p {> > margin-left: 40px;> > }> > style>glava> |
Izhod:
Uporabljati lastnost zamika besedila:
Ta lastnost se uporablja za nastavitev količine prostora pred prvo vrstico besedila v odstavku. Po potrebi se lahko določi v dolžinskih enotah ali odstotkih.
primer: V tem primeru je prva vrstica odstavka zamaknjena z lastnostjo text-indent.
HTML
> <> html> >> <> head> >> > <> style> >> > p {> > text-indent: 40px;> > }> > style>glava> |
Izhod:
Uporaba lastnost padding-left :
Lastnost padding-left v CSS določa količino prostora med levim robom polja z vsebino elementa in njegovo notranjo vsebino. Ustvari oblazinjenje na levi strani, potisne vsebino stran od leve meje elementa ter zagotovi razmik in zamik.
primer: V tem primeru uporabljamo lastnost padding left s primerom.
HTML
> <> html> >> <> head> >> > <> style> >> > p {> > padding-left: 60px;> > }> > style>glava> |
Izhod: