Потому что
H5 не может быть в теге
P. Ровно как и картинка там быть не должна.
H - это заголовок, а
P - это параграф (обычный строчный текст).
Браузеры тоже не тупые, вот и пытаются исправить твою семантическую ошибку. Не все теги можно пихать друг в друга. Максимум что ты можешь пихнуть в
P - это
spanс
background-image.
Зачем тебе там вообще
P, если у тебя там нет строчного текста...Делаешь просто
div
Должно быть так:
<div id="test-answer">
<h3 id="test-answer-text">Здесь находится какой-то вопрос, который должен адаптивно вписаться в определенные
границы</h3>
<div id="test-answer-price">
<img src="/assets/coin.png" id="test-answer-price-img" />
<span>15</span>
</div>
</div>
