Come per allineare il testo a sinistra in HTML

June 12

Come per allineare il testo a sinistra in HTML


Cascading Style Sheet, o CSS, codice definisce come i browser visualizzano l'allineamento del testo nelle pagine Web. Vecchio allineare gli attributi e hack da tavolo è diventato obsoleto dopo il rilascio di HTML 4. Utilizzando i CSS, è possibile allineare il testo nel suo elemento HTML o spostare l'intero elemento a sinistra oa destra della pagina, a seconda delle esigenze. È possibile applicare un allineamento del testo a qualsiasi elemento HTML che contiene testo, come ad esempio i paragrafi, tabelle e div interi.

istruzione

1 Aprire il file HTML in un editor di vostra scelta, come ad esempio HTML-Kit, jEdit o Notepad ++. Blocco note di Windows funziona anche, ma Microsoft Word non è adatto per l'editing HTML. Trovare il blocco di testo che si desidera allineare a sinistra. Nota i tag di inizio e fine del blocco di testo. Si vedrà qualcosa di simile a questo:

<P> Ecco il testo. </ P>

2 Aprire il file CSS del tuo sito web o trovare il <style> e </ style> tag verso la parte superiore del file HTML. Se il tuo sito non ha alcun file CSS e non ci sono i tag <style>, aggiungere il <style> e </ style> tag tra il <head> e </ head> tag. Il tuo codice CSS va tra i tag o direttamente nel file CSS. Ecco il codice per allineare il testo a sinistra:

tag-name {text-align: left;}

Change "tag-nome" per il nome del tag, come ad esempio "p" per <p>.

3 Aggiungere un attributo ID al tag se desideri solo quel punto particolare sulla pagina per allineare a sinistra. Il codice potrebbe essere simile a questo:

<P id = "id-name"> Ecco una parte di testo. </ P>

Cambiare "id-nome" per il nome che si vuole dare al tag <p>. Modificare il codice CSS per i seguenti:

tag-name # id-name {text-align: left;}

4 Aggiungere "float: left;" spostare l'intero elemento HTML a sinistra della pagina. Questo è utile se avete bisogno di una casella di testo di larghezza definita per apparire alla sinistra di altro testo, simile alle digressioni si trovano in articoli di riviste. L'elemento HTML è ciò che il vostro tag HTML crea nel browser, in modo <p> crea un elemento di paragrafo. Ecco il codice CSS cambiato:

Tag-name # id-name {float: left; text-align: left;}

Consigli e avvertenze

  • Floating un elemento della pagina a volte fa sì che il layout di rompere. Se un altro elemento galleggia da dove non dovrebbe, dare la regola "clear: both" in CSS per forzare verso il basso.

Articoli Correlati