Why margin-left?

Hello, help to understand with margin-left. There is such code:
<div class="container cols col-12 main-footer"> <div class="cols col-2 catalog-links"> <h5>Catalog</h5> <hr> the <ul> the <li><a href="#">Gasoline-powered tools</a></li> the <li><a href="#">Grinders</a></li> the <li><a href="#">Blowers</a></li> the <li><a href="#">impact Wrenches</a></li> the <li><a href="#">Generators</a></li> the <li><a href="#">Drills</a></li> the <li><a href="#">Entire directory</a></li> </ul> </div> <div class="cols col-2 account"> <h5>Account</h5> <hr> the <ul> the <li><a href="#">order Status</a></li> the <li><a href="#">wish List</a></li> the <li><a href="#">Edit Shipping Address</a></li> </ul> </div> </div>

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;

The container width is 1400px. margin-left does not work either for the first div (catalog-links) or the second (account). Why and how to solve?
July 9th 19 at 12:50
0 answer

Find more questions by tags CSS