CSS - Задание I

Отцентрировать элементы с классом .block по горизонтали внутри контейнера, меняя только стили у класса .block

HTML

<div class="container">    
    <div class="block normal"></div>
    <div class="block narrow"></div>
    <div class="block wide"></div>
</div>

CSS

div {
    border: 1px solid black;
}

.container {
    height: 100%;
    width: 300px;
    padding: 0 10px;
}

.block {
    height: 20px;
    background-color: gray;
    border: 1px solid black;
    margin-top: 10px;
    margin-bottom: 10px;
    
    /* Your code here */ 
   margin-left: auto;
   margin-right: auto;
}

.block.normal {
    width: 80px;
}

.block.narrow {
    width: 160px;
}

.block.wide {
    width: 240px;
}