Как правильно закрыть тег в 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%, с отступом по краям, рамкой и заливкой. Адаптивность будет достигаться за счет использования относительных значений ширины и отступов.
Потому что <b>H5 </b> не может быть в теге <b>P</b> . Ровно как и картинка там быть не должна. <b>H </b> - это заголовок, а <b>P</b> - это параграф (обычный строчный текст). <br/> <br/> Браузеры тоже не тупые, вот и пытаются исправить твою семантическую ошибку. Не все теги можно пихать друг в друга. Максимум что ты можешь пихнуть в <b>P</b> - это <code>span</code> с <code>background-image</code> . <br/> <br/> Зачем тебе там вообще <b>P,</b> если у тебя там нет строчного текста...Делаешь просто <code>div</code> <br/> <br/> Должно быть так: <br/> <pre><code class="html">&lt;div id="test-answer"&gt;
    &lt;h3 id="test-answer-text"&gt;Здесь находится какой-то вопрос, который должен адаптивно вписаться в определенные 
    границы&lt;/h3&gt;
      &lt;div id="test-answer-price"&gt;
        &lt;img src="/assets/coin.png" id="test-answer-price-img" /&gt;
          &lt;span&gt;15&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;</code></pre>
Похожие вопросы