Выравнивание изображений в HTML. Как настроить обтекание картинки текстом

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Блог: http://zametkinapolyah.ru/
Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html
Текстовая версия:http://zametkinapolyah.ru/verstka-sajtov/kartinki-v-html-rabota-s-html-izobrazheniyami-razmer-kartinok-v-html-kartinka-ssylka-v-html.html
Паблик блога в ВК: https://vk.com/zametkinapolyah
Тематическая группа в ВК: https://vk.com/zametkipohtml

Давайте теперь поговорим про обтекание текста вокруг изображения и про выравнивание картинок в HTML. Также стоит помнить, что изображение в HTML – это такой же символ как, например, буква.
Но этот символ имеет некоторые свои особенности. Мы можем задавать выравнивание изображения и, соответственно, то, как изображение будет вести себя относительно других HTML элементов при помощи атрибута align.
Если говорить правильно, то атрибут align позволяет установить обтекание текста вокруг изображение в HTML документе. Атрибут align имеет пять значений: bottom, left, middle, right, top. Особенностью данного атрибута является то, что он задает выравнивание для HTML картинки, а текст начинает обтекать картинку по тем краям, по которым выравнивание не происходит. Например, если вы написали align=”left”, то картинка будет выравнена по левому краю, а обтекание будет происходить сверху, снизу и справа.