Codice di foglio di stile o CSS, CSS definisce come browser visualizzano l'allineamento del testo nelle pagine Web. Vecchia allinea attributi e tabella hack divennero obsoleti dopo il rilascio di HTML 4. Utilizzando i CSS, potete allineare il testo all'interno dell'elemento HTML o spostare l'intero elemento a sinistra o a destra della pagina, a seconda delle esigenze. È possibile applicare un allineamento del testo a qualsiasi elemento HTML che contiene testo, ad esempio paragrafi, tabelle e div intero.
Istruzioni
1
Aprire il file HTML in un editor di vostra scelta, ad esempio HTML-Kit, jEdit o Notepad + +. Blocco note di Windows funziona anche, ma Microsoft Word non è adatto per la modifica HTML. Trovare il blocco di testo che si desidera allineare a sinistra. Nota il tag all'inizio e alla fine del blocco di testo. Si vedrà qualcosa di simile:
< p > qui è alcune testo. </p >
2
Aprire il file CSS del tuo sito Web o trovare lo stile di < > e < / stile > Tag verso la parte superiore del file HTML. Se il vostro sito non ha nessun file CSS e non ci sono nessun tag < style >, aggiungere lo stile di < > e < / stile > tag tra testa < > e < / head > Tag. Il codice CSS va tra questi tag o direttamente nel file CSS. Ecco il codice per allineare il testo a sinistra:
nome del tag {text-align: left;}
Modificare "tag-nome" al nome del tag, ad esempio "p" per < p >.
3
Aggiungere un attributo ID al tag se si desidera solo quel particolare punto sulla pagina per allineare a sinistra. Il codice potrebbe essere simile a questo:
< id p = "id-nome" > Ecco qualche testo. </p >
Modificare il nome da assegnare al tag < p >-"nome id". Modificare il codice CSS al seguente:
#id-nome del nome del tag {text-align: left;}
4
Aggiungere "float: left;" per spostare l'intero elemento HTML a sinistra della pagina. Ciò è utile se avete bisogno di una casella di testo di una larghezza definita a comparire a sinistra di altro testo, simile alla asides trovato in articoli di riviste. L'elemento HTML è ciò che crea la tuo tag HTML nel browser, così < p > Crea un elemento paragraph. Ecco il codice CSS modificato:
#Id-nome del nome del tag {galleggiante: sinistra; text-align: left;}
Consigli & Avvertenze
- Galleggiante di un elemento sulla pagina a volte provoca il layout rompere. Se un altro elemento si muove fino dove non dovrebbe, dare la regola "chiaro: entrambi" nel CSS per forzarlo giù.