Користећи ЦСС флоат својства, можете плутати било коју слику десно од било ког текста, као што се може видети са сликом са десне стране овог текста. Да бисте то урадили на својој веб страници, следите доле наведене кораке.

У овом примеру користићемо спољну ЦСС датотеку. Коришћењем спољне ЦСС датотеке можете да креирате плутајућу слику на било којој страници која садржи везу до ЦСС датотеке. Спољашње ЦСС датотеке такође олакшавају промену подешавања која можда желите да прилагодите у будућности.

1. Креирајте ЦСС датотеку. Ако већ имате ЦСС датотеку за своју веб страницу, уредите ЦСС датотеку и додајте сљедећи код.

2. Додајте следећи код у ЦСС датотеку.

 .флоатРигхт {флоат: ригхт; маргин-лефт: 20пк} 

Савет: Додавање флоат: лево би учинило да слика плута на левој страни текста.

Ако желите да више од једне слике плутају на десној страни, такође додајте следећу линију у ЦСС датотеку.

 .флоатРигхтЦлеар {флоат: ригхт; цлеар: ригхт; маргин-лефт: 20пк} 

3. Након што је горњи код креиран, сачувајте ЦСС датотеку и позовите је са сваке ХТМЛ странице користећи код сличан примјеру испод. У нашем примеру, назвали смо ЦСС фајл стиле.цсс.

4. На крају, додајте било коју слику коју желите да плутате на десној страни контејнера.