@dom_4k
Backend developer

Как-то закрывается тег в html! Что делать?

У меня есть кусок кода:
<div id="test-answer">
  <h3 id="test-answer-text">Здесь находится какой-то вопрос, который должен адаптивно вписаться в определенные границы</h3>
  <p id="test-answer-price">
    <img src="/assets/coin.png" id="test-answer-price-img"/>
    <h5>15</h5>
  </p>
</div>


А в браузере выглядит так:
668c1e1445c1f162162521.png

Кто не понял в коде только один тег , а в браузере 2
И он закрывается не в нужном месте
  • Вопрос задан
  • 144 просмотра
Решения вопроса 1
divside
@divside
Chupapi Munyanyo
Потому что 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>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы