Как сделать равные промежутки между элементами определённого размера?

Question

[dollar]

код

<style>
.container {
  background-color:#ccc;
  width: 100%;
  height: 70px;
}
.container div {
  background-color:#888;
  width: 30px;
  height: 30px;
}
</style>
<div class="container">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>

https://codepen.io/maris35195242/pen/wvyRBWr

Answer 1

[Noder SS]

.container{
display: flex;
width: 100%;
justify-content: (на фото пример space-around). также есть space-between(нету отступа с другой стороны) и space-evenly(Абсолютно одинаковый отступы с двух сторон)
}

Answer 2

[Сергей delphinpro]

.container {
  dispaly: flex;
  justify-content: space-between;
}