Cum să mutați textul în jurul unei imagini cu HTML sau CSS

Când includeți o imagine cu textul din pagina Web, stilul implicit afișează graficul deasupra sau dedesubtul conținutului înconjurător, lăsând un spațiu alb la stânga și la dreapta a imaginii. Acest spațiu pierde și face ca imaginea să dispară din textul dvs. Pentru a rezolva acest lucru, aveți opțiunea de a utiliza fie HyperText Markup Language (HTML), fie foi de stil cascadă (CSS) pentru a specifica poziționarea imaginii astfel încât textul să înfășoare în jurul marginilor imaginii. Utilizați HTML sau CSS pentru a muta textul în jurul imaginilor, după cum preferați.

HTML

Pasul 1
Lansați fișierul de pagină în programul editorului de text al computerului și poziționați cursorul în interiorul etichetei. Introduceți "right", "left", "middle", "top" sau "bottom" după intrarea alinierei la specificați unde apare imaginea dvs. în raport cu textul. O aliniere "de sus" face ca conținutul dvs. să apară în cel mai înalt punct al imaginii dvs., "mijlocul" mișcă textul în mijlocul fotografiei și "partea de jos" direcționează conținutul spre început în partea de jos a graficului. În plus, o poziție "dreapta", vă mută datele în stânga imaginii, iar alinierea "stânga" plasează conținutul din dreapta imaginii. Introduceți codul după cum urmează:
Salvați fișierul.

CSS

Pasul 1
Plasați cursorul în interiorul etichetei și tastați "style =" cu un set de citare marcată înaintea ultimei console de unghi. Pentru a ilustra:

Pasul 2
Introduceți "float:" în ghilimele și tastați atributul "stânga" sau "dreapta" pentru a denumi alinierea graficului. Valoarea "stânga" face ca imaginea dvs. să apară în stânga și să vă mute textul spre dreapta, în timp ce atributul "drept" face opusul. De exemplu:
Salvați documentul.

URL:https://ro.whycomputer.com/software-ul/100504875.html