Come allineare immagine e testo HTML?

Domanda di: Modesto Ricci  |  Ultimo aggiornamento: 20 agosto 2026
Valutazione: 4.4/5 (27 voti)

Per allineare immagini e testo in HTML, il metodo migliore è utilizzare il CSS con la proprietà float (left o right) per far scorrere il testo attorno all'immagine, oppure flexbox per un allineamento più preciso. Si consiglia di usare i margini CSS (margin-right, margin-bottom) per distanziare correttamente l'immagine dal testo.

Come allineare testo e immagine su HTML?

È possibile allineare orizzontalmente un'immagine all'interno di un paragrafo utilizzando l'attributo "align". Ad esempio, <img src="image. jpg" alt="Description" align="left"/>. In questo modo l'immagine viene posizionata a sinistra del testo.

Come si allinea il testo in HTML?

Per allineare un testo sulla pagina utilizziamo l'attributo align per tutti gli elementi di testo, i cui valori possono essere left (di default), center e right: quindi <p align="center"> allineerà un testo al centro della pagina.

Come allineare un'immagine su CSS?

Vogliamo allineare un'immagine a sinistra rispetto al testo. Normalmente basta inserire la proprietà align="left" nel tag img. Volgiamo ottenere lo stesso effetto utilizzando i fogli di stile.

Come posso allineare il testo a destra in HTML?

Right. È il parametro che consente l'allineamento a destra.

Come allineare immagine e testo in HTML