Почему текст не перемещается в правый верхний угол изображения? ⇐ 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