Поведение элемента встроенного блока с элементами с плавающей запятой ⇐ CSS

[Anonymous]

Код: Выделить всё

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f0f0f0;
}

.uj {
background-color: aqua;
display: inline-block;
}

.qw {
height: 200px;
float: left;
}

Код: Выделить всё

[img]https://picsum.photos/200/300[/img]
other text

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique pariatur t a quam eligendi dolores earum in officia qui maiores, doloremque repellendus dolore a chitecto, quaerat assumenda odio eaque! Saepe, et.

[img]https://placehold.co/400[/img]

при этом, когда мы удаляем встроенный блок из класса uj, появляется lorem ipsum в левой части изображения, а когда мы его сохраняем, оно появляется с новой строки после изображения. Хотя текст диапазона всегда отображается в левой части изображения. Можете ли вы сказать мне, почему?

Подробнее здесь: https://stackoverflow.com/questions/784 ... t-elements