Si të notosh një imazh në të drejtën e tekstit

Ky udhëzues pesë-minutësh shpjegon se si

A jeni i interesuar të mësoni se si të futni një imazh në të djathtë të tekstit? Nëse po, ju nuk jeni vetëm. Ka shumë situata ku programuesit duan që një imazh në një faqe Web të shfaqet brenda tekstit me tekstin që rrjedh ose mbështjell rreth tij. Fatmirësisht, manipulimi i imazheve është i ngjashëm me manipulimin e tekstit, kështu që nëse keni përvojë me këtë të fundit, ky proces nuk duhet të jetë aspak i vështirë.

Në fakt, me pronën e notave CSS, është e lehtë të notosh imazhin tënd në të djathtë të tekstit dhe të kesh rrjedhën e tekstit rreth tij në anën e majtë . Përdorni këtë tutorial pesë-minutësh për të mësuar se si.

Fillimi

Për të filluar, shkruani një paragraf të tekstit dhe shtoni një imazh në fillim të paragrafit. Kjo duhet të bëhet përpara tekstit, por pas tagit

):

Duis aute irure dolor sed do elusmod temporo incididunt in reprehenderit in voluptate. Cupidatat nuk proident, labore dhe keqe. Sunt në culpa quis nostrud ushtrim excepteur sint occaecat. Mollit anim id est laborum.

Tjetra, shtoni një atribut stili në imazhin dhe aplikoni pronën float:

style = "float: drejtë;" />

Teksti juaj do të përplaset drejt imazhit, prandaj shtoni disa kufij për imazhin për ta bërë më të lehtë leximin:

margin: 0 5px 0 0; " />

Stenografia e margjinës aplikon kufijtë në rendin e sipërm, të djathtë, në fund dhe në të majtë ( TRBL ).

Duke përfunduar

Dhe kjo e bën atë. Tani e shihni se një imazh i lundrues në të djathtë nuk është fare i vështirë. Ju gjithashtu mund të jeni të interesuar të lundroni një imazh në të majtë dhe të lundroni në qendër. Ndërsa lëvizja e parë është e mundur, për fat të keq nuk mund të notosh një imazh në qendër, pasi zakonisht do të duhej një paraqitje me dy kolona.