Не работает свойство в CSS text-align: center; , не понимаю где ошибка

Помогите, пожалуйста!

Курс ВЕБ-разработчик 2020. Урок 1.10. Основы CSS на практике

Хочу заменить align="center" в документе html на text-align: center; в CSS. Я создал стиль, прописал все свойства которые должен иметь текст, к которому применяется этот стиль. Все свойства работают, пробовал меня параметры, опять работает. Но среди всех свойств не работает только text-align: center; , текст крепится только слева и все. Не понимаю, в чем причина? 

<div align="center"><span class="class1">Antoine de Saint Exupéry - The little prince</span></div>

в таком виде применяю все стили из class1, а выравнивание по центру прописываю отдельно, в html

Вот так выглядит css код:

.class1 {
    color: rgba(255,127,80, 1);
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}