logo

Hur drar man in text i HTML med CSS?

I den här artikeln kommer vi att diskutera olika metoder för att dra in text i ett HTML-dokument. Textindrag används för att ställa in längden på det tomma utrymmet före textrader i ett block. Det markerar vanligtvis början av ett stycke.

Det finns några vanliga metoder för textindrag:

Innehållsförteckning



Använda margin-left-egenskap :

Den här egenskapen används för att lägga till en marginal till vänster om ett element. Den kan användas för att lägga till önskad indrag genom att ange det utrymme som behövs i lämpliga längdenheter eller procentsatser.

Exempel: Det här exemplet använder egenskapen margin-left för att dra in hela textblocket.

HTML




sträng i java

> <>html>>> <>head>>> ><>style>>> >p {> >margin-left: 40px;> >}> >style>huvud>

Välkommen till GFGh2>

Vi tillhandahåller en mängd olika tjänster för att du ska lära dig, frodas och även ha kul! Gratis handledning, miljontals artiklar, live-, online- och klassrumskurser, frekventa kodningstävlingar, webbseminarier av branschexperter, praktikmöjligheter och jobbmöjligheter. p> body> html>>

>

>

Produktion:

Använda text-indent-egenskap:

Den här egenskapen används för att ställa in mängden utrymme före den första textraden i ett stycke. Det kan specificeras i längdenheter eller en procentandel efter behov.

Exempel: I det här exemplet är den första raden i stycket indragen med hjälp av egenskapen text-indent.

odefinierad lutning

HTML




> <>html>>> <>head>>> ><>style>>> >p {> >text-indent: 40px;> >}> >style>huvud>

Välkommen till GFGh2>

Vi tillhandahåller en mängd olika tjänster för att du ska lära dig, frodas och även ha kul! Gratis handledning, miljontals artiklar, live-, online- och klassrumskurser, frekventa kodningstävlingar, webbseminarier av branschexperter, praktikmöjligheter och jobbmöjligheter. p> body> html>>

>

>

Produktion:

java läs csv-fil

Använder sig av padding-vänster egendom :

Egenskapen padding-left i CSS anger mängden utrymme mellan den vänstra kanten av ett elements innehållsruta och dess inre innehåll. Det skapar utfyllnad på vänster sida, trycker bort innehållet från elementets vänstra gräns och ger mellanrum och indrag.

Exempel: I det här exemplet använder vi egenskapen padding left med ett exempel .

HTML




> <>html>>> <>head>>> ><>style>>> >p {> >padding-left: 60px;> >}> >style>huvud>

Välkommen till GFGh2>

Vi tillhandahåller en mängd olika tjänster för att du ska lära dig, frodas och även ha kul! Gratis handledning, miljontals artiklar, live-, online- och klassrumskurser, frekventa kodningstävlingar, webbseminarier av branschexperter, praktikmöjligheter och jobbmöjligheter. p> body> html>>

>

>

Produktion:

datum konvertera till sträng