Как в HTML сделать так, чтобы картинка была справа от текста?

Question

Как в HTML сделать так, чтобы картинка была справа от текста?

бабзи бабиизи Ученик (63), на голосовании 2 года назад

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

Answer 1

Драгомир Бутулисов Оракул (88332) 2 года назад

 style="float:right"

надо добавить к тегу этот атрибут.

бабзи бабиизиУченик (63) 2 года назад

в таком случае картинка просто прилипает к правой части экрана

Metotron Искусственный Интеллект (115026) бабзи бабиизи, поменяй местами текст и картинку. Картинку сделай первой.

Answer 2

Если код выглядит примерно так:

Lorem ipsum...

То для того, чтобы текст прилипал к верхнему левому углу картинки, нужна всего пара дополнительных стилей с позиционированием:

 p { 
   position: relative; 
} 
 
img { 
   position: absolute; 
}

Answer 3

Dlazder Мудрец (17517) 2 года назад

float: right;
margin-right: 30px;

Answer 4

Старая школа верстки:

Как в HTML сделать так, чтобы картинка была справа от текста? На первой фотографии видно, что прикреплённая картинка отображается справа, но текст расположен снизу. Как сделать так, что бы было как на второй картинке, где текст рядом с остальным?