flexbox

<div class="container center">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>
<div class="container space-between">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>
<div class="container space-around">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>
<div class="container space-evenly">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>
<div class="container flex-end">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>
<div class="container flex-start">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>