Cum să plutească o imagine în dreapta textului

Acest tutorial de cinci minute explică cum

Vă interesează să învățați cum să plutiți o imagine în dreapta textului? Dacă da, nu ești singur. Există multe situații în care programatorii doresc ca o imagine de pe o pagină Web să apară în interiorul textului, textul curgând sau înfășurat în jurul acestuia. Din fericire, manipularea imaginilor este similară cu manipularea textului, deci dacă aveți experiență cu acesta din urmă, acest proces nu ar trebui să fie greu deloc.

De fapt, cu proprietatea float CSS, este ușor să plutiți imaginea în dreapta textului și să aveți textul în jurul acestuia în partea stângă . Utilizați acest tutorial de cinci minute pentru a afla cum.

Noțiuni de bază

Pentru a începe, scrieți un paragraf de text și adăugați o imagine la începutul paragrafului. Acest lucru trebuie făcut înainte de text, dar după eticheta

):

În cazul în care nu aveți nevoie de ajutor, vă rugăm să ne contactați. Cupidate non proident, lucrați și mai mult magna aliqua. Sunt în culpa quis exerciții exterioare excepteur sint occaecat. Mollit anim id est laborum.

Apoi, adăugați un atribut de stil imaginii și aplicați proprietatea float:

stil = "float: dreapta"; />

Textul dvs. va fi bătut în sus față de imagine, adăugați astfel câteva margini imaginii pentru a facilita citirea:

margin: 0 5px 0 0 "

Proprietatea stenogramei marjelor aplică marje în ordinea de sus, dreapta, jos și stânga ( TRBL ).

Înfășurarea în sus

Și asta face. Acum vedeți că o imagine plutind spre dreapta nu este deloc dificilă. Este posibil să vă interesați și să plutiți o imagine în stânga și să o plutiți în centru. În timp ce prima mișcare este posibilă, din păcate, nu puteți să plutiți o imagine în centru, deoarece aceasta ar necesita în mod obișnuit un aspect în două coloane.