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
> <> html> >> <> head> >> > <> style> >> > p {> > margin-left: 40px;> > }> > style>huvud> |
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.
HTML
> <> html> >> <> head> >> > <> style> >> > p {> > text-indent: 40px;> > }> > style>huvud> |
Produktion:
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> |
Produktion:
