Добро пожаловать в выравнивание изображений! Лучший способ продемонстрировать приливы и отливы различных вариантов позиционирования изображений — уютно расположить их среди океана слов. Берите весло и приступим.

Что касается выравнивания, следует отметить, что пользователи могут выбирать между вариантами «Нет», «Слева», «Справа» и «По центру». Кроме того, им также доступны варианты «Миниатюра», «Средний», «Большой» и «Полный размер».

Изображение выше расположено по центру.

Остальная часть этого абзаца является заполнителем, чтобы текст обтекал изображение размером 150×150, выровненное по левому краю.

Как видите, должно быть немного места сверху, снизу и справа от изображения. Текст не должен ползать по изображению. Ползать просто неправильно. Изображениям тоже нужна передышка. Пусть они говорят, как вы, словами. Позвольте им делать свою работу без каких-либо проблем с текстом. Еще примерно через одно предложение здесь мы увидим, что текст перемещается справа от изображения вниз под изображением в плавном переходе. Опять же, позволить делать свое дело. Миссия выполнена!

А теперь огромное изображение. У него также нет выравнивания.

Изображение выше, хотя и имеет ширину 1200 пикселей, не должно выходить за пределы области содержимого. Он должен оставаться сдержанным без видимых нарушений потока контента.

А теперь мы собираемся сдвинуть ситуацию в правильное русло. Опять же, должно быть достаточно места сверху, снизу и слева от изображения. Вы только посмотрите на него… Эй, парень! Способ раскачать эту правую сторону. Меня не волнует, что написано на изображении, выровненном по левому краю, ты выглядишь великолепно. Не позволяйте никому говорить вам иначе.

Через некоторое время вы должны увидеть, как текст начинает обтекать изображение, выровненное по правому краю, и хорошо размещается. Там по-прежнему должно быть много места, и все должно сидеть красиво. Да… Просто так. Никогда еще мне не было так приятно быть правым.

И как только вы подумаете, что мы закончили, мы повторим их снова с подписями!

Изображение выше расположено по центру. В подписи также есть ссылка, просто чтобы посмотреть, не делает ли она что-нибудь необычное.

Небольшая подпись

Остальная часть этого абзаца является заполнителем, чтобы текст обтекал изображение размером 150×150, выровненное по левому краю.

Как видите, должно быть немного места сверху, снизу и справа от изображения. Текст не должен ползать по изображению. Ползать просто неправильно. Изображениям тоже нужна передышка. Пусть они говорят, как вы, словами. Позвольте им делать свою работу без каких-либо проблем с текстом. Еще примерно через одно предложение здесь мы увидим, что текст перемещается справа от изображения вниз под изображением в плавном переходе. Опять же, позволить делать свое дело. Миссия выполнена!

А теперь огромное изображение. У него также нет выравнивания.

Массивная подпись к изображению для ваших глаз.

Изображение выше, хотя и имеет ширину 1200 пикселей, не должно выходить за пределы области содержимого. Он должен оставаться сдержанным без видимых нарушений потока контента.

Приятно чувствовать себя всегда правым.

А теперь мы собираемся сдвинуть ситуацию в правильное русло. Опять же, должно быть достаточно места сверху, снизу и слева от изображения. Вы только посмотрите на него… Эй, парень! Способ раскачать эту правую сторону. Меня не волнует, что написано на изображении, выровненном по левому краю, ты выглядишь великолепно. Не позволяйте никому говорить вам иначе.

Через некоторое время вы должны увидеть, как текст начинает обтекать изображение, выровненное по правому краю, и хорошо размещается. Там должно быть достаточно места, и все должно лежать красиво. Да… Просто так. Никогда еще не было так приятно быть правым.

И это конец, йоу! Вы пережили бурные воды мировоззрения. Достижение выравнивания изображений разблокировано!