logo

Jak zabalit text kolem obrázku pomocí HTML a CSS?

Obtékání textu kolem obrázku je docela atraktivní pro jakýkoli druh webu. Pomocí HTML a CSS obtékání obrázku textem je možné a existuje mnoho způsobů, jak to udělat, protože tvar jakéhokoli obrázku není konstantní. v HTML :

  • Můžete také použít CSS tvar mimo vlastnost v závislosti na tvaru vašeho obrázku.
  • Zarovnejte obrázky vpravo, vlevo nebo na střed v HTML pro různá rozvržení. Níže uvedené příklady ilustrují výše uvedený přístup:

Příklad 1: V tomto příkladu je obrázek plovoucí na pravé straně obrazovky a text obtéká obrázek. Nepožadujeme zde vlastnost shape-outside, protože obrázek tvaru je obvyklý (čtvercový).



HTML






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