logo

Hur lindar man texten runt en bild med HTML och CSS?

Att linda texten runt en bild är ganska attraktivt för alla typer av webbplatser. Genom att använda HTML och CSS Det är möjligt att slå in en bild med texten och det finns många sätt att göra det eftersom formen på en bild inte är konstant. I HTML :

  • Du kan också använda CSS-form utanför egendom beroende på formen på din bild.
  • Justera bilder till höger, vänster eller centrera i HTML för olika layouter. Nedanstående exempel illustrerar ovanstående tillvägagångssätt:

Exempel 1: I det här exemplet svävar bilden till höger på skärmen och texten omsluter bilden. Vi kräver inte form utanför egenskap här eftersom formbilden är vanlig (fyrkantig).



HTML






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