Как прижать к правому краю css

Как сделать, чтобы фотография располагалась по правому краю окна браузера?

Разместить фотографию по правому краю окна браузера, чтобы близлежащий текст обтекал её с других сторон.

Решение

По умолчанию, изображение на странице располагается по левому краю окна браузера, а близлежащий текст выравнивается по нижней кромке изображения. Чтобы задать выравнивание по правому краю для селектора IMG следует установить стилевое свойство float со значением right .

Не все рисунки на странице следует выравнивать указанным образом, поэтому лучше ввести специальный класс, назовем его rightpic , и будем добавлять его только к нужным изображениям. Также вокруг рисунка желательно добавить отступы через свойство margin , чтобы между текстом и изображением появилось пустое пространство (пример 1).

Пример 1. Изображение по правому краю

HTML5 CSS 2.1 IE Cr Op Sa Fx

Результат данного примера показан на рис. 1.

Фотография, выровненная по правому краю

Рис. 1. Фотография, выровненная по правому краю

Свойство float не только выравнивает элемент по правому или левому краю, но одновременно устанавливает вокруг элемента обтекание. При этом другие объекты, например текст, плотно к нему прилегают. Это легко избежать, если воспользоваться универсальным свойством margin , которое одновременно задаёт отступ сверху, справа, снизу и слева от изображения.

Как прижать к правому краю css

Регистрация на форуме тут, о проблемах пишите сюда — alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите восстановить пароль

Поиск по форуму
Расширенный поиск
К странице.

Здравствуйте!
Есть футер высотой 50px, шириной 100%
Должно быть так: внутри футера слева — блок с логотипом, правее него блок со слоганом, а справа блок rss и блок donate. Т.е. два блока с правой стороны и два блока с левой. Все блоки в одну "строку".
Сейчас реализовано так:

Выравнивание текста (text-align) в HTML

Если у Вас появились вопросы по материалам на нашем сайте, то пожалуйста, пришлите нам их на почтовый адрес support@mousedc.ru. Мы обязательно ответим.

Также Вы можете отправить нам свой отзыв на наши слуги, замечание или предложение. Мы ценим наших клиентов и внимательно прислушиваемся ко всем замечаниям!

  • HTML
  • Основы
  • Теги
  • Основы
  • Свойства
  • Основы
  • База данных
  • Объектно-ориентированное программирование
  • Laravel
  • Yii
  • Основы
  • WordPress
  • Управление
  • Разработка
  • Управление
  • Разработка
  • Управление
  • Разработка
  • Управление
  • Разработка
  • Управление
  • Разработка
  • Управление
  • Разработка
  • Управление
  • Управление
  • Управление
  • Управление
  • Управление
  • Управление
  • Основы
  • Работа с DOM
  • AJAX
  • jQuery
  • Vue
  • NodeJS
  • React
  • Основы React
  • Стейты в React
  • Компоненты React
  • Apache
  • Игровые серверы
  • Linux
  • MySQL
  • Docker
  • Nginx
  • Устранение ошибок
  • Почта
  • SEO
  • Личный кабинет
  • Виртуальный хостинг
  • Домены
  • Генератор паролей
  • Генератор .htpasswd

Коврик для мыши новым клиентам

Оплатите хостинг на год и получите удобный коврик

Помощь в переносе
с другого хостинга

Хотите переехать? Мы поможем перенести всё

Запишитесь на интенсивные курсы по созданию сайтов.

Приветствуем всех в нашем уютном дата центре! Мы предоставляем качественный и надёжный хостинг. У нас можно заказать домены и VPS, прочитать статьи по созданию сайтов и информационной безопасности. А из наших видео подкастов можно узнать о том, как продвигать и развивать iT-проекты.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *