logo

Come indentare il testo in HTML utilizzando i CSS?

In questo articolo discuteremo vari metodi per rientrare il testo in un documento HTML. Il rientro del testo viene utilizzato per impostare la lunghezza dello spazio bianco vuoto prima delle righe di testo in un blocco. Generalmente segna l'inizio di un paragrafo.

Esistono alcuni approcci comuni per il rientro del testo:



Tabella dei contenuti

imbottitura np

Usando il proprietà del margine sinistro :

Questa proprietà viene utilizzata per aggiungere un margine a sinistra di un elemento. Può essere utilizzato per aggiungere il rientro richiesto specificando lo spazio necessario in unità di lunghezza o percentuali adeguate.

Esempio: In questo esempio viene utilizzata la proprietà margin-left per far rientrare l'intero blocco di testo.



HTML






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

Benvenuto alla GFGh2>

Forniamo una varietà di servizi per farti imparare, prosperare e anche divertirti! Tutorial gratuiti, milioni di articoli, corsi dal vivo, online e in aula, frequenti concorsi di programmazione, webinar tenuti da esperti del settore, opportunità di stage e opportunità di lavoro. p> corpo> html>>

>

>

Produzione:

Usando il proprietà rientro testo:

Questa proprietà viene utilizzata per impostare la quantità di spazio prima della prima riga di testo in un paragrafo. Può essere specificato in unità di lunghezza o in percentuale, a seconda delle esigenze.

Esempio: In questo esempio, la prima riga del paragrafo viene rientrata utilizzando la proprietà text-indent.

HTML




modello di progettazione singleton java
> <>html>>> <>head>>> ><>style>>> >p {> >text-indent: 40px;> >}> >style>testa>

Benvenuto alla GFGh2>

Forniamo una varietà di servizi per farti imparare, prosperare e anche divertirti! Tutorial gratuiti, milioni di articoli, corsi dal vivo, online e in aula, frequenti concorsi di programmazione, webinar tenuti da esperti del settore, opportunità di stage e opportunità di lavoro. p> corpo> html>>

>

>

Produzione:

Utilizzando proprietà di riempimento-sinistra :

La proprietà padding-left nei CSS specifica la quantità di spazio tra il bordo sinistro del riquadro del contenuto di un elemento e il suo contenuto interno. Crea un riempimento sul lato sinistro, allontanando il contenuto dal limite sinistro dell'elemento e fornendo spaziatura e rientro.

array di byte Java in stringa

Esempio: In questo esempio, stiamo utilizzando la proprietà padding left con un example .

HTML




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

Benvenuto alla GFGh2>

Forniamo una varietà di servizi per farti imparare, prosperare e anche divertirti! Tutorial gratuiti, milioni di articoli, corsi dal vivo, online e in aula, frequenti concorsi di programmazione, webinar tenuti da esperti del settore, opportunità di stage e opportunità di lavoro. p> corpo> html>>

>

>

Produzione: