title: text-align right in flexbox
body: <p>I have a flexbox, and elements in it are "p" elements.</p>
  
  <p>I'm trying to align it right, but it's still not working and everything is still aligned center.</p>
  
  <pre class="lang-css prettyprint-override"><code>.box1{
      display: flex;
      flex-direction: column;
      text-align: right;
      justify-content: space-between;
      font-family: 'Merriweather', sans-serif;
      font-size: 60px;
      width: 30%;
  }
  </code></pre>
  
  <p>Is it possible to align it right?</p>