Kasutades CSS-i ujuki omadusi, saate iga teksti parempoolsel kujul ujuda, nagu näha selle teksti paremal pool asuvast pildist. Selleks, et seda teha oma veebilehel, järgige alltoodud samme.

Selles näites kasutame välist CSS-faili. Kasutades välist CSS-faili, saate luua ujuva pildi mis tahes lehel, mis sisaldab linki CSS-failile. Välised CSS-failid lihtsustavad ka tulevikus kohandatavate sätete muutmist.

1. Looge CSS-fail. Kui teil on juba oma veebilehe jaoks CSS-fail, muutke oma CSS-faili ja lisage järgmine kood.

2. Lisage CSS-failile järgmine kood.

 .floatRight {float: right; marginaal vasakule: 20px} 

Näpunäide: ujuki lisamine: vasakul oleks pildi hõljuvus teksti vasakul küljel.

Kui soovite, et paremal oleks rohkem kui üks pilt, lisage CSS-failile ka järgmine rida.

 .floatRightClear {float: right; selge: parem; marginaal vasakule: 20px} 

3. Pärast ülaltoodud koodi loomist salvestage CSS-fail ja kutsuge see igalt HTML-leheküljelt allpool toodud näidisele sarnase koodi abil. Meie näites oleme nimetanud CSS-faili style.css.

4. Lõpuks lisage ükskõik millisele pildile, mida soovite konteineri paremal küljel ujuda.