Nwlapcug.com


Come fare galleggiare il testo intorno a un'immagine in HTML

Come fare galleggiare il testo intorno a un'immagine in HTML


Disposizione del testo attorno a un'immagine associata consente di risparmiare spazio sulla tua pagina e visualizza in un modo che è piacevole per gli occhi. Fogli di stile CSS sono il mezzo preferito e più efficiente di manipolare il layout HTML. Utilizzare la proprietà di "Float" di CSS per scorrere il testo attorno all'immagine HTML.

Istruzioni

1

Aprire il file HTML in un editor di HTML o di testo. Individuare l'immagine che si desidera modificare.

2

Inserire l'indicatore di "stile". Includere l'attributo di "float" con un valore di "sinistra" per visualizzare l'immagine a sinistra del testo. Ad esempio, utilizzare "< img style =" float: sinistra "/ >."

3

Se necessario inserire più spazio a destra dell'immagine prima del testo, inserire l'attributo di stile "margin-right". Ad esempio, digitare "< img style =" float: left; margine destro: 12px; "/ >." In questo caso, sono stati inseriti 12 pixel di spazio. Modificare questo valore per soddisfare le vostre esigenze.