Naudojant CSS plūdės savybes, jūs galite plaukti bet kokį paveikslėlį iš bet kurio teksto dešinėje, kaip matyti iš šio teksto dešinėje esančio vaizdo. Norėdami tai padaryti savo tinklalapyje, atlikite toliau nurodytus veiksmus.

Šiame pavyzdyje mes naudosime išorinį CSS failą. Naudojant išorinį CSS failą, galite sukurti kintamą vaizdą bet kuriame puslapyje, kuriame yra nuoroda į CSS failą. Išoriniai CSS failai taip pat leidžia lengviau keisti bet kokius nustatymus, kuriuos galbūt norėsite pritaikyti ateityje.

1. Sukurkite CSS failą. Jei jau turite savo tinklalapio CSS failą, redaguokite CSS failą ir pridėkite šį kodą.

2. Įtraukite šį kodą į CSS failą.

 .floatRight {float: right; margin-left: 20px} 

Patarimas: plūdės pridėjimas: kairė pusė padarytų vaizdą plūduriuojančią kairėje teksto pusėje.

Jei norite, kad dešinėje būtų daugiau nei vienas vaizdas, taip pat pridėkite šią eilutę į CSS failą.

 .floatRightClear {float: right; clear: dešinė; margas kairėje: 20px} 

3. Sukūrus pirmiau nurodytą kodą, išsaugokite CSS failą ir paskambinkite iš kiekvieno HTML puslapio naudodami kodą, panašų į toliau pateiktą pavyzdį. Mūsų pavyzdyje mes pavadinome CSS failą style.css.

4. Galiausiai pridėkite į bet kurį vaizdą, kurį norite plaukti dešinėje konteinerio pusėje.