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> |