Kako zamakniti besedilo v HTML s pomočjo CSS?

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>

Dobrodošli v GFGh2>

Nudimo različne storitve, s katerimi se lahko učite, napredujete in tudi zabavate! Brezplačne vadnice, milijoni člankov, tečaji v živo, na spletu in v učilnicah, pogosta tekmovanja v kodiranju, spletni seminarji strokovnjakov iz industrije, priložnosti za pripravništvo in zaposlitvene priložnosti. p> telo> html>>

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>

Dobrodošli v GFGh2>

Nudimo vam različne storitve za učenje, napredek in zabavo! Brezplačne vadnice, milijoni člankov, tečaji v živo, na spletu in v učilnicah, pogosta tekmovanja v kodiranju, spletni seminarji strokovnjakov iz industrije, priložnosti za pripravništvo in zaposlitvene priložnosti. p> telo> html>>

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>

Dobrodošli v GFGh2>

Nudimo različne storitve, s katerimi se lahko učite, napredujete in tudi zabavate! Brezplačne vadnice, milijoni člankov, tečaji v živo, na spletu in v učilnicah, pogosta tekmovanja v kodiranju, spletni seminarji strokovnjakov iz industrije, priložnosti za pripravništvo in zaposlitvene priložnosti. p> telo> html>>

Izhod: