Как можно адаптивно вписать вопрос в определенные границы на веб-странице с помощью предоставленного кода HTML и CSS?
Для закрытия тега в 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>