Carane Ngawasi gambar ing tengen teks

Tutorial limang menit iki nerangake carane

Apa sampeyan kepengin sinau babagan carane ngambang gambar ing sisih tengen teks? Yen mangkono, sampeyan ora duwe. Ana akeh kahanan sing programer pengin gambar ing kaca Web katon ing jero teks karo teks sing mili utawa mubengi. Kanthi matur nuwun sanget, manipulating gambar kaya kanggo manipulasi teks, supaya yen sampeyan duwe pengalaman karo sing terakhir, proses iki kudu ora hard ing kabeh.

Ing kasunyatan, kanthi properti float CSS, gampang ngambangake gambar ing sisih tengen teks lan ngubengi teks ing sisih kiwa . Gunakake tutorial limang menit iki kanggo mangerteni carane.

Miwiti

Kanggo miwiti, nulis paragraf teks lan nambah gambar ing awal paragraf. Iki kudu rampung sadurunge teks nanging sawise tag

:

Duis aute irure dolor sede kanggo nggawe wektu tempek kanggo nyerang. Cupidatat ora bisa digunakna, supaya bisa luwih apik lan luwih gampang. Ora ana sing bisa ngleksanani kajaba mung latihan. Mollit six id work.

Sabanjure, nambah atribut gaya kanggo gambar lan aplikasi properti ngambang:

style = "float: right;" />

Tèks panjenengan bakal disabetake munggah ing gambar, supaya nambah sawetara pinggiran menyang gambar supaya luwih gampang diwaca:

margin: 0 5px 0 0; " />

Sipat dhasar watesan sing ditrapake kanggo wates ndhuwur, tengen, dhasar lan kiwa ( TRBL ).

Wrapping Up

Lan iku. Saiki sampeyan ndeleng sing ngambang gambar ing sisih tengen ora angel kabeh. Sampeyan uga kasengsem ngambang ing gambar ing sisih kiwa lan ngambang ing tengah. Nalika pamindhahan kapisan bisa, sayangé, sampeyan ora bisa ngambang gambar menyang tengah, amarga biasane mbutuhake tata letak rong kolom.