Ako presunúť text po obrázku pomocou HTML alebo CSS

Ak na svoju webovú stránku vložíte obrázok s textom, predvolený štýl zobrazí grafiku nad alebo pod okolitým obsahom a ponechá medzeru vľavo a vpravo. obrázku. Toto mrhá priestor a spôsobuje, že sa obrázok zdá byť oddelený od vášho textu. Ak to chcete vyriešiť, máte možnosť použiť buď jazyk HTML (HyperText Markup Language) alebo kaskádové štýly (CSS) na určenie polohy obrázka tak, aby sa text omotal okolo okrajov obrázka. Pomocou HTML alebo CSS môžete podľa potreby pohybovať textom okolo svojich obrázkov.

HTML

Krok 1

Spustite súbor stránky v textovom editore v počítači a umiestnite kurzor. " tag.", 3, [[Zadajte "Zarovnať =" a postupujte nasledovne s úvodzovkami:

Krok 2

Za zarovnávací znak zadajte "vpravo", "vľavo", "v strede", "hore" alebo "dole". uveďte, kde sa váš obrázok zobrazuje vo vzťahu k vášmu textu. Zarovnanie „zhora“ spôsobí, že sa váš obsah objaví v najvyššom bode obrázka, „stred“ presunie text do stredu fotografie a „spodok“ nasmeruje obsah tak, aby začal od spodnej časti obrázka. Okrem toho „pravá“ poloha posúva vaše údaje doľava od obrázka a zarovnanie vľavo umiestňuje obsah napravo od obrázka. Zadajte svoj kód nasledovne:

Uložte súbor.

CSS

Krok 1

Umiestnite kurzor do značky a napíšte "style =" so sadou ponuky. značky pred poslednou uhlovou zátvorkou. Na ilustráciu:

Krok 2

Do úvodzoviek zadajte výraz „float:“ a do názvu zarovnania obrázka zadajte atribút „left“ alebo „right“. Hodnota „vľavo“ spôsobí, že sa váš obrázok objaví vľavo a presunie váš text doprava, zatiaľ čo atribút „pravý“ bude opak. Napríklad:

Uložte dokument

• Predchádzajúca strana: Ako uložiť dokument Word 2003 ako PDF
• Ďalšia strana: Ako vypnúť tlačovú obrazovku na webe