Quando si inserisce un paragrafo di testo accanto a una foto in un file HTML, la prima riga appare accanto la parte superiore del quadro e il resto viene mischiato sotto di esso. Se si prevede un altro oggetto accanto a una foto, si ottiene una propria linea a prescindere. Con la creazione di classi in un foglio di stile CSS e tramite l'attributo "galleggiare", si può ignorare questa impostazione predefinita. Allo stesso tempo, si può scegliere quando e dove si desidera allineare le immagini durante l'intero sito web.

istruzione

1 Aprire il file CSS e inserire il cursore su una nuova riga alla fine del file.

2 Digitare quanto segue per creare una classe per allineare le immagini a sinistra:

img.floatLeft {

float: left;

}

3 Digitare quanto segue per creare una classe per allineare le immagini a destra:

img.floatRight {

float: right;

}

4 Salvare e chiudere il file CSS.

5 Aprire un file HTML. Inserire il cursore dove si desidera inserire una foto con un allineamento.

6 Digitare quanto segue:

<Img class = "floatRight">

Sostituire "image.jpg" con il nome dell'immagine che si desidera utilizzare. Questa allinea l'immagine al lato destro dello schermo e il testo appare accanto ad essa e avvolge sotto di essa, se più di tanto il testo esistente. Cambiare la classe di "floatLeft" per allineare l'immagine sul lato sinistro.

7 Salvare il file HTML. Carica e il file CSS per il server Web.