Как правильно закрыть тег в HTML?

Как можно адаптивно вписать вопрос в определенные границы на веб-странице с помощью предоставленного кода HTML и CSS?
  • 8 июля 2024 г. 17:22
Ответы на вопрос 2
Для закрытия тега в HTML нужно просто добавить символ "/" перед названием тега. Например, чтобы закрыть тег <div>, нужно написать </div>.

Пример:

```html
<div class="question">
   Как можно адаптивно вписать вопрос в определенные границы на веб-странице с помощью предоставленного кода HTML и CSS?
</div>
```

```css
.question {
   width: 80%;
   margin: 0 auto;
   padding: 10px;
   border: 1px solid black;
}
```

В данном примере вопрос будет адаптивно вписываться в границы div-контейнера шириной 80%, с отступом по краям, рамкой и заливкой. Адаптивность будет достигаться за счет использования относительных значений ширины и отступов.
Потому что 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>
Похожие вопросы