Как прижать картинку к правому краю и чтобы по ней измерялась высота всего блока?
Вставляю картинку и придаю ей значение float: right; и она у меня уходит вниз(см 1 картинку). Как сделать чтобы она равнялась по центру и по ней вычислялась высота блока(см 2 картинку)(1 картинка) 
(2 картинка)
Как прижать картинку внутри контейнера к правой части? Bootstrap 4
Дело в том, что картинку хочу прижать прям к самой правой части, но контейнер видимо не позволяет и оставляет небольшой зазор. Отметил на картинке. Подскажите, как это реализовать? 
Убрать padding и margin у контейнера и картинки — а вообще-то, через F12 и Ctrl+Shift+C посмотреть, что и где и к чему относится и то и убрать.
- Возможно изображение не корректное
- Pading у container
- Можно пофиксить отрицательными margin
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.3.11.43304
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
CSS примеры
Для этого в CSS предусмотрено свойство float, которое определяет по какой стороне будет выравниваться элемент, и как другие элементы будут обтекать его с других сторон.
left — выровнять элемент по левому краю, при этом другие элементы (например, текст) огибают его по правой стороне.
right — выровнять элемент по правому краю, при этом другие элементы огибают его по левой стороне.
none — выравнивание и обтекание не задается.
Как прекратить обтекание картинки текстом?
Вставьте в текст в том месте где следует прекратить обтекание следущее:
Свойство clear устанавливает, с какой стороны элемента запрещено его обтекание другими элементами.
Картинка залезает на рамку родительского элемента, если к IMG применить float (IMG float border). Как предотвратить это?
Здесь поможет вставка элемента <div style="clear: both;"></div>
Хочу заметить, что вставка <BR style="clear: both;"> в данном случае не поможет браузеру IE.
51. Выравнивание изображений при помощи HTML
Если вы хотите сделать обтекание текстом изображение или указать положение относительно других изображений, то поможет атрибут align . Атрибут align принимает пять значений. Далее пример:
| bottom | Выравнивание нижней границы изображения по окружающему тексту. |
| left | Выравнивает изображение по левому краю окна. |
| middle | Выравнивание середины изображения по базовой линии текущей строки. |
| right | Выравнивает изображение по правому краю окна. |
| top | Верхняя граница изображения выравнивается по самому высокому элементу текущей строки. |
Похожие уроки и записи блога
Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков и участие в рейтинге среди пользователей), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.
- Сразу после первой картинки добавьте еще одну и выровняйте по правому краю окна
– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.
– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.
Извините за это всплывающее окно, меня они тоже раздражают.
Образовательный ресурс codebra.ru полностью посвящен программированию. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.
Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.