Hvordan Float tekst rundt et bilde i HTML

Innpakning tekst rundt et tilknyttet bilde sparer plass på siden din og viser på en måte som er behagelig for øyet. Cascading Style Sheets er den foretrukne og mest effektive middel til å manipulere HTML layout. Bruk CSS "Flyt" eiendom å flyte tekst rundt HTML-image.

Bruksanvisning

1 Åpne HTML-filen i en tekst eller HTML editor. Finn bildet du ønsker å endre.

2 Sett "style" indikatoren. Inkludere "flyte" attributt med en verdi på "venstre" for å vise bildet til venstre for teksten. For eksempel bruke "<img style =" float: left "/>".

3 Sett "margin-right" style attributtet hvis det er nødvendig å sette inn mer plass til høyre på bildet før teksten. For eksempel "<img style =" float: left; margin-right: 12px; "/>". I dette tilfellet er 12 bildeelementer på plass blitt innsatt. Endre denne verdien til å passe dine behov.