Cumu flutturà una imagina à u dirittu di u testu

Questu tutoriale di cinque minuti spiegà cumu

Avete interessatu in sapè cumu flutterà una figura à u dirittu di u testu? Se si, ùn sì micca solu. Ci hè parechje situazioni induve i programatori volenu una imaghjina nantu à una pagina web per esse apprezzate intornu à u testu cù u testu chì vanu in o fugliale. Per bisognu, manipulà l'imagine hè simile à manipulà u testu, perchè si avete l'esperimentu cù l'ultimu, stu prucessu ùn deve esse micca difficili.

In fattu, cù u CSS flottu una pruprietà, hè faciule fà fluttu u vostru imaginariu à a diritta di u testu è avete chì u testu viaghjanu à u locu . Utilizate stu tutte di cinque minuti per amparà cumu.

Getting Started

Per principià, scrivite un paràgrafu di testu è aghjunghje una imatge à u principiu di u paràgrafu. Questu avere esse fattu prima di u testu ma dopu l'etiqueta

:

Duis aute irure dolor sed di eiusmod temporary incididunt in reprehenderit in voluptate. Cupidatat non proident, ut labore è dolore magna aliqua. Sunt in culpa quis nostru exercitu excepteur sint occaecat. Mollit anim id est laborum.

In seguitu, aghjunghje un stile attribuenti à l'imaghjini è appliice a prupietà di u float:

style = "float: right;" />

U vostru testu sarà rimborsatu in alta à l'imagina, cusì aghjunghjenu alcune in l'imagine per fà fà più faciule di leghje:

margin: 0 5px 0 0; " />

A pruprietà timidae di marche hè applicata marge in l'ordine per parte superior, right, bottom and left ( TRBL ).

Wrapping Up

E quellu chì face. Avà vi vede chì una figura surante à a diritta ùn hè micca difficiule. Pudete ancu interessatu di flutterariate una impresa versu a left, è flutterna à u centru. Mentre chì u primu muvu hè pussibule, sfurtunatamenti ùn pudere micca flutterà una imatge à u centru, cumu avissi aduprà spessu una schema di dui colonnati.