Folosind proprietățile floating CSS, puteți să plutiți orice imagine în partea dreaptă a oricărui text, așa cum se poate vedea cu imaginea din dreapta acestui text. Pentru a face acest lucru pe pagina dvs. web urmați pașii de mai jos.

În acest exemplu, vom folosi un fișier extern CSS. Prin utilizarea unui fișier extern CSS, puteți crea o imagine plutitoare pe orice pagină care include o legătură cu fișierul CSS. Fișierele externe CSS facilitează, de asemenea, modificarea oricărei setări pe care ați putea dori să o modificați în viitor.

1. Creați un fișier CSS. Dacă aveți deja un fișier CSS pentru pagina dvs. Web, editați fișierul CSS și adăugați următorul cod.

2. Adăugați următorul cod în fișierul CSS.

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

Sfat: Adăugarea flotorului: la stânga ar face ca imaginea să plutească în partea stângă a textului.

Dacă doriți să aveți mai multe imagini plutitoare în partea dreaptă, adăugați și următoarea linie în fișierul CSS.

 .floatRightClear {float: right; clară: dreapta, stânga-margine: 20px} 

3. După crearea codului de mai sus, salvați fișierul CSS și apelați-l din fiecare pagină HTML folosind un cod similar exemplului de mai jos. În exemplul nostru, am numit fișierul CSS stil.css.

4. În final, adăugați imaginea pe care doriți să o plutiți în partea dreaptă a containerului.