logo

Come avvolgere il testo attorno a un'immagine utilizzando HTML e CSS?

Avvolgere il testo attorno a un'immagine è piuttosto interessante per qualsiasi tipo di sito web. Utilizzando HTML e CSS avvolgere un'immagine con il testo è possibile e ci sono molti modi per farlo perché la forma di qualsiasi immagine non è costante. In HTML :

  • Puoi anche usare Proprietà CSS shape-outside a seconda della forma della tua immagine.
  • Allinea le immagini a destra, a sinistra o al centro in HTML per diversi layout. Gli esempi seguenti illustrano l'approccio di cui sopra:

Esempio 1: In questo esempio, l'immagine fluttua sul lato destro dello schermo e il testo avvolge l'immagine. Non richiediamo la proprietà shape-outside perché l'immagine della forma è usuale (quadrata).



HTML






> <>html>>> <>head>>> ><>title>>> >Wrapping an Image with the text> >title>