logo

Kako oviti besedilo okoli slike z uporabo HTML in CSS?

Ovijanje besedila okoli slike je zelo privlačno za katero koli spletno mesto. Z uporabo HTML in CSS ovijanje slike z besedilom je možno in obstaja veliko načinov za to, ker oblika katere koli slike ni konstantna. noter HTML :

  • Uporabite lahko tudi CSS shape-outside Property odvisno od oblike vaše slike.
  • Poravnajte slike na desno, levo ali sredino v HTML za različne postavitve. Spodnji primeri ponazarjajo zgornji pristop:

Primer 1: V tem primeru slika lebdi na desni strani zaslona, ​​besedilo pa ovija sliko. Tukaj ne potrebujemo lastnosti oblike zunaj, ker je slika oblike običajna (kvadratna).



HTML






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