Menggunakan sifat terapung CSS, anda boleh terapung mana-mana imej di sebelah kanan mana-mana teks, seperti yang dapat dilihat dengan imej di sebelah kanan teks ini. Untuk melakukan ini di halaman web anda, ikuti langkah-langkah di bawah.

Dalam contoh ini, kami akan menggunakan fail CSS luaran. Dengan menggunakan fail CSS luaran, anda boleh membuat imej terapung pada mana-mana halaman yang merangkumi pautan ke fail CSS. Fail CSS luaran juga menjadikannya lebih mudah untuk mengubah sebarang tetapan yang mungkin anda mahu menyesuaikan diri pada masa hadapan.

1. Buat fail CSS. Jika anda sudah mempunyai fail CSS untuk halaman web anda, edit fail CSS anda dan tambahkan kod berikut.

2. Tambah kod berikut kepada fail CSS.

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

Petua: Menambah terapung: kiri akan menjadikan gambar terapung di sebelah kiri teks.

Jika anda ingin mempunyai lebih daripada satu imej yang terapung di sebelah kanan, juga tambahkan baris berikut ke fail CSS.

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

3. Setelah kod di atas telah dibuat, simpan fail CSS dan panggilnya dari setiap halaman HTML menggunakan kod yang mirip dengan contoh di bawah. Dalam contoh kami, kami telah menamakan style.css file CSS.

4. Akhirnya, tambahkan pada mana-mana imej yang anda ingin terapung di sebelah kanan bekas.