display: inlne-flex - mehrere Elemente

HTML

<div class="container">
  <p class="eins">1</p>
  <p class="zwei">2</p>
  <p class="drei">3</p>
</div>
<div class="container">
  <p class="eins">1</p>
  <p class="zwei">2</p>
  <p class="drei">3</p>
</div>

CSS

body {
      font: 200% sans-serif;
    }
    p {
      padding: 1em;
      color: white;
      margin: 0;
    }

    .container {

      border: 1px solid #333;
    }

    .eins {
      background-color: #99B1D7;
    }

    .zwei {
      background-color: #456188;
    }

    .drei {
      background-color: #B04C80;
    }

    .container {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
    }