Почему не работает margin-left?

Question

[buzzloud]

Всем привет, помогите разобраться с margin-left. Есть такой код:

<footer>
        <div class="container cols col-12 main-footer">
            <div class="cols col-2 catalog-links">
                <h5>Каталог</h5>
                <hr>
                <ul>
                    <li><a href="#">Бензоинструмент</a></li>
                    <li><a href="#">Болгарки</a></li>
                    <li><a href="#">Воздуходувки</a></li>
                    <li><a href="#">Гайковерты</a></li>
                    <li><a href="#">Генераторы</a></li>
                    <li><a href="#">Дрели</a></li>
                    <li><a href="#">Весь каталог</a></li>
                </ul>
            </div>
            <div class="cols col-2 account">
                <h5>Аккаунт</h5>
                <hr>
                <ul>
                    <li><a href="#">Статус заказа</a></li>
                    <li><a href="#">Список желаний</a></li>
                    <li><a href="#">Редактировать Адрес Доставки</a></li>
                </ul>
            </div>
</div>

CSS

footer {
        background-color: #000;
        color: #fff;
    }
        
    .catalog-links {
        margin-left: 30px;
    }
    
    .catalog-links > h5 {
        padding-left: 0;
    }
    
    .catalog-links > hr {
        width: 100%;
    }
    
    .account {
        margin-left: 30px;

Ширина контейнера 1400px. margin-left не срабатывает ни для первого div (catalog-links) ни для второго (account). Почему и как решить?