Как поместить картинку рядом с текстом?

Question

[scrt_d]

Как разметить изображение справа от текста? Надо ли для этого помещать изображение в div? Если да, то какой display лучше использовать, inline-block или flex? Пример:

Comments

[xdevelx]

https://developer.mozilla.org/ru/docs/Web/CSS/float

[scrt_d]

xdevelx, при использовании float: right исчезает задний фон. Этого можно как-нибудь избежать?

[xdevelx]

Илья, Без примера кода на codepen никто не будет гадать, что за фон и куда он исчезает.

[scrt_d]

xdevelx, я нашёл и решил проблему. Огромное вам спасибо!

Answer 1

[serega danet]

а разве недостаточно

<div>
	<img src="images/6627d6b559578667102240.png" 
		 style="position:relative; 
		        	vertical-align:top; 
				float:right;
				right:0px">
</div>
<div style="position:relative; 
			text-align:left;">
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero
</div>

можно еще поудалять чего

Comments

[scrt_d]

Я новичок в этом и не знал о float, но уже разобрался, большое спасибо)

[serega danet]

вообще этот float: right -- уже редко встречается. Везде сплошной width: 100% . Увидел такую страницу , вспомнил :

наверное так более полно будет. Можно вкл/выкл

Answer 2

[Михаил Лялин]

float как частный случай методов позиционирования в CSS