выравнивание с помощью float

[User357]

Вопрос следующий.

Почему при:

float:left; - картинка обтекает текст,

а при float: right; - нет?

https://jsfiddle.net/ukd7pema/6/

Edited April 22, 2020 by User357

[Switch74]

а что не так то?
все работает как указано в стилях

[User357]

9 минут назад, Switch74 сказал:

а что не так то?
все работает как указано в стилях

Я хочу в итоге добиться результата как на фото

 

[Switch74]

1. это должно быть в блоке, который выравнен по центру
2. в блоке 3 колонки: в центральной у вас картинки в крайних по переменно выводите текст (то слева, то справа)

[User357]

4 часа назад, Switch74 сказал:

1. это должно быть в блоке, который выравнен по центру
2. в блоке 3 колонки: в центральной у вас картинки в крайних по переменно выводите текст (то слева, то справа)

Я вот так делал, но картинку приходится вручную двигать

https://jsfiddle.net/81ws5jxu/7/

[Switch74]

так у вас там нет колонок, по сути в одной колонке находится и текст и картинка
https://jsfiddle.net/wLmhb9vp/

[User357]

1 час назад, Switch74 сказал:

так у вас там нет колонок, по сути в одной колонке находится и текст и картинка
https://jsfiddle.net/wLmhb9vp/

Принципиально нужно сделать только при помощи float и выравнивания.
Такой вариант как вам?

https://jsfiddle.net/moL3sfjz/

Edited April 24, 2020 by User357
вставка картинки

[Switch74]

вопрос к вам, устраивает ли это вас:
1. на большом экране второй текст прижат к правому краю
2. на маленьких вторая картинка слетает на следующую строку, а первая остается в своей строке и смещается с центра