Не применяется стиль CSS
Верстаю сайт. Не могу понять почему не применяется стиль по человечески.
Часть разметки html:
.background {
position: absolute;
width: 1920px;
height: 922px;
left: 0px;
top: 2587px;
background: #245852;
}
.success_story {
position: absolute;
width: 580px;
height: 158px;
left: 207px;
top: 2897px;
font-family: Georgia;
font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 157%;
color: white;
}<div class="background">
<span class="success_story">Let's hear about Kayla's success story</span>
</div>Если span сделать div и применить success_story, все работает. Что я делаю неправильно? Спасибо