Кексби. Промежуточное испытание. Блок 4.

Общее
1

Здравствуйте! Никак не получается привести в соответствие блок “Немного истории”. Вот мой код:

<div class="reference"> 
  <h2>Немного истории</h2>
  <dl>
    <dt>
      <h3>Происхождение кваса</h3>
      <i>источник: <a target="_blank" href="https://ru.wikipedia.org">ru.wikipedia.org</a></i>
    </dt>
    <dd>
      <img src="img/wiki-1.png" alt="Происхождение кваса">
      <p>Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково - квас.</p>
    </dd>
    <dt>
      <h3>Классификация кваса</h3>
      <i>источник: <a target="_blank" href="https://ru.wikipedia.org">ru.wikipedia.org</a></i>
    </dt>
    <dd>
      <img src="img/wiki-2.png" alt="Классификация кваса">
      <p>По российскому ГОСТу для промышленного изготовления – это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p>
    </dd>
  </dl>
</div>

blob.jpg1043×535 72.4 KB

Заранее благодарю!

2

Курсивом должно быть только слово “источник”. Знак “тире” замените на спецсимвол &mdash;

3

Спецсимвол должен быть прописан непосредственно в HTML? Он отражается как текст “&mdash”.

4

Да, непосредственно в HTML. В браузере вместо кода должен отображаться символ —
Точка с запятой в конце обязательна.

5

Насколько критично использовать определения и термины для данного блока?
Если говорить не о том, что пройдет проверку, а о самостоятельной практике-насколько это часто употребимо и почему бы не через

?