HTML/CSS | Задание 49 из 65

Блок краткой информации не помещается в строке.

HTML для фильма выглядит так:

<div class="content">
            <h1>Интерстеллар</h1>
            <!---Блок с видео--->
            <iframe width="560" height="315" src="https://www.youtube.com/embed/R5KHoE_8dgo" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
            <!---Конец Блока с видео--->
            <!---Всякая техническая информация о фильме--->
            <div class="info_film_page">
                <span class="label">рейтинг: </span><span class="value">8.1/10</span><!---
                ---><span class="label">год: </span><span class="value">2014</span><!---
                ---><span class="label">режиссер: </span><span class="value">Кристофер Нолан</span>
            </div>
            <!---Конец Всякой технической информации о фильме--->
        </div>

CSS выглядит так:

.content{
    text-align: left;
    width: 620px;
    padding: 0 0 0 5px;
    float: left;
}
/*посторонние стили я пропустил*/
.info_film_page{
    margin-top: 2%;
    margin-bottom: 4%;

}

.info_film_page .label{
    font-size: 1.2em;

}
.info_film_page .value{
    font-size: 1em;
    color: #49945a;
    margin-right: 3%;
}