Почему текст не перемещается в правый верхний угол изображения? [дубликат] ⇐ CSS

[Anonymous]

Насколько я понимаю, img и span являются встроенными элементами и их следует перемещать рядом друг с другом.
Однако я этого не вижу происходит в примере ниже.
Может ли кто-нибудь предоставить более подробную информацию, чтобы четко понять концепцию здесь?
Мое HTML-тело выглядит, как показано ниже:

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

[img]https://www.w3schools.com/w3images/mac.jpg[/img]
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci aliquid, non cumque, eveniet atque et
suscipit quisquam libero saepe fugiat vero qui nulla labore tempore nostrum? Quisquam quibusdam illo
tempora!

Мой CSS выглядит следующим образом:

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

p {
font-size: 20px;
}
img {
width: 300px;
}

Подробнее здесь: https://stackoverflow.com/questions/793 ... -the-image