Kako plivati ​​sliku desno od teksta

Ovaj petominutni tutorijal objašnjava kako

Da li ste zainteresovani da naučite kako plutati sliku desno od teksta? Ako jeste, niste sami. Postoji mnogo situacija u kojima programeri žele da se slika na Veb stranici pojavljuje unutar teksta sa tekućim tekstom ili omotanim oko njega. K sreću, manipulisanje slika je slično manipulisanju teksta, pa ako imate iskustva sa drugim, ovaj proces ne bi trebalo da bude teško.

Zapravo, sa CSS float svojstvom, lako je plutati vašu sliku desno od teksta i proći tekst oko nje na levoj strani . Koristite ovaj petominutni tutorijal kako biste naučili kako.

Počinjemo

Da započnete, napišite pasus teksta i dodajte sliku na početku pasusa. Ovo treba uraditi prije teksta, ali nakon oznake

:

Duis je prešao u sedam dana u vreme kada je ušao u dobrobit. Kupidat je neidentičan, teško i dolje magna alqua. Sunt in culpa quis nostrud exercise excepteur sint occaecat. Mollit anim id est laborum.

Zatim dodajte atribu stila slici i primenite svojstvo float:

style = "float: right;" />

Vaš tekst će biti uperen u odnosu na sliku, pa dodajte nekoliko margina na sliku kako biste olakšali čitanje:

margin: 0 5px 0 0; " />

Robna marža se odnosi na margine u gornjoj, desnoj, donjem i levom redu ( TRBL ).

Zavijanje

I to to radi. Sada vidite da plutajuća slika na desnoj strani nije teška. Možda ćete takođe biti zainteresovani da plutate sliku sa leve strane i da ga plivate u centar. Iako je prvi potez moguće, na žalost ne možete plivati ​​sliku u centar, jer bi to obično zahtevalo raspored dve kolone.