Come Float testo intorno a un'immagine in HTML

April 4

Come Float testo intorno a un'immagine in HTML


La disposizione del testo intorno a un'immagine associata consente di risparmiare spazio sulla tua pagina e visualizza in un modo che è piacevole per gli occhi. Cascading Style Sheets è il mezzo preferito e più efficiente per manipolare il layout HTML. Utilizzare la CSS proprietà "float" a stare a galla il testo l'immagine HTML intorno.

istruzione

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

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

3 Inserire l'attributo style "margin-right" se necessario inserire più spazio a destra dell'immagine prima del testo. Ad esempio, digitare "<img style =" float: left; margin-right: 12px; "/>". In questo caso, sono state inserite 12 pixel di spazio. Modificare questo valore in base alle proprie esigenze.