не работает span, hr отражается на часть блока

курс hnml/css урок 48-50

тег span не отражается браузером, заменила его на тег p, вроде все хорошо хоть и обидно что span не отражается

Но! Блок с абзацами закрыла и при дальнейшем  написании hr и последующего h2 они оказались сдвинуты по горизонтали, начинаются там, где заканчиваются абзацы

https://wampi.ru/image/RGfsFlk

 <div class="content">
               <h1>Лекции Олега Геннадьевича Торсунова</h1>
               <iframe width="560" height="315" src="https://www.youtube.com/embed/AWyX_yTmt94" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
               <div class="info_page">
                    <p class="label">Тема: </p><p class="value">Искусство отношений</p>
                    <p class="label">Год:  </p><p class="value">2019</p>
                </div>
                <hr>
                <h2>Описание лекции</h2>
                <div class="description_lecture">
                <img class="image_lecture" src="assets/img/mistakes.jpg">
                Семейные отношения - это наша самая большая карма. И не надо думать, что попадая в них будет "долго и счастливо", как в сказке. В сказке про это благоразумно умалчивается. Олег Геннадьевич мастер в вопросах семьи, и в своих лекциях очень доступно доносит простым обывателям секреты правильного восприятия этого мира, в котором мы с Вами родились.
                </div>
 </div>