Aligning elements left and center with flexbox

http://stackoverflow.com/questions/28700805/aligning-elements-left-and-center-with-flexbox

HTML

<div class="box">
  <div class="left">
    left
  </div>
  <div class="center">
    center
  </div>
</div>

CSS

.box {
  display: flex;
  justify-content: center;
  background-color: green;
  text-align: left;
}

.left {
  padding: 10px;
  background-color: pink;
}

.center {
  padding: 10px;
  background-color: yellow;
  margin: 0 auto;
}