Izmantojot CSS peldēšanas rekvizītus, jūs varat peldēt jebkuru attēlu pa labi no jebkura teksta, kā redzams ar attēlu pa labi no šī teksta. Lai to izdarītu savā tīmekļa lapā, veiciet tālāk norādītās darbības.

Šajā piemērā mēs izmantosim ārēju CSS failu. Izmantojot ārēju CSS failu, varat izveidot peldošu attēlu jebkurā lapā, kurā ir saite uz CSS failu. Ārējie CSS faili arī atvieglo jebkādu iestatījumu maiņu, ko vēlaties pielāgot nākotnē.

1. Izveidojiet CSS failu. Ja jums jau ir jūsu tīmekļa lapas CSS fails, rediģējiet savu CSS failu un pievienojiet šādu kodu.

2. Pievienojiet CSS failam šādu kodu.

 .floatRight {float: right; margas pa kreisi: 20px} 

Padoms: pludiņa pievienošana: pa kreisi padarītu attēlu peldošu teksta kreisajā pusē.

Ja vēlaties, lai labajā pusē būtu vairāk par vienu attēlu, pievienojiet CSS failam arī šādu rindu.

 .floatRightClear {float: right; skaidrs: pa labi; margas kreisajā pusē: 20px} 

3. Kad iepriekš minētais kods ir izveidots, saglabājiet CSS failu un izsauciet to no katras HTML lapas, izmantojot kodu, kas ir līdzīgs tālāk redzamajam piemēram. Mūsu piemērā esam nosaukuši CSS failu style.css.

4. Visbeidzot, pievienojiet jebkuru attēlu, kuru vēlaties peldēt konteinera labajā pusē.