Jak przenieść tekst wokół obrazu za pomocą HTML lub CSS

Gdy dołączasz zdjęcie do tekstu na swojej stronie internetowej, domyślny styl wyświetla grafikę powyżej lub poniżej otaczającej zawartości, pozostawiając białą przestrzeń po lewej i prawej stronie obrazu. Powoduje to marnowanie miejsca i sprawia, że ​​obraz wydaje się chaotyczny z tekstu. Aby to naprawić, masz możliwość użycia HyperText Markup Language (HTML) lub Cascading Style Sheets (CSS), aby określić położenie obrazu, aby tekst zawinął się wokół granic obrazu. Użyj HTML lub CSS, aby przenieść tekst wokół obrazów, jak wolisz.

HTML

Krok 1
Uruchom plik strony w programie do edycji tekstu w komputerze i ustaw kursor wewnątrz znacznika „”. Wpisz „align =” i postępuj zgodnie z nimi w następujący sposób:

Krok 2
Wprowadź „prawo”, „lewo”, „środek”, „góra” lub „dół” po wpisie wyrównania do określ, gdzie ma się pojawić Twój obraz w stosunku do Twojego tekstu. Wyrównanie „na górze” powoduje, że treść pojawia się w najwyższym punkcie obrazu, „środek” przesuwa tekst na środek zdjęcia, a „na dole” kieruje zawartość na początek grafiki. Dodatkowo „właściwa” pozycja przesuwa dane na lewo od obrazu, a „lewe” wyrównuje zawartość na prawo od obrazu. Wpisz swój kod w następujący sposób:
Zapisz plik.

CSS

Krok 1
Umieść kursor wewnątrz znacznika „” i wpisz „style =” z zestawem cytatów znaki przed ostatnim wspornikiem kątowym. Aby to zilustrować:

Krok 2
Wpisz „float:” w cudzysłowie i wpisz atrybut „left” lub „right”, aby nazwać wyrównanie grafiki. Wartość „lewa” powoduje, że zdjęcie pojawia się po lewej stronie i przesuwa tekst w prawo, podczas gdy atrybut „prawy” robi odwrotnie. Na przykład:
Zapisz swój dokument.

URL:https://pl.whycomputer.com/oprogramowanie/100304875.html