title: Flexbox center not working in safari
body: <p>I'm having a little trouble centering DIVs using flexbox, only in safari. I thought it may be lacking a -webkit- but it seems safari needs -webkit- only?</p>
  
  <p>Here is the code so far, both classes are a child of .alltext so they can be called within the same javascript.</p>
  
  <pre><code>&lt;div class ="container"&gt;
  
  &lt;div class = "alltext textone"&gt;
  &lt;p&gt;Text here&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class = "alltext texttwo"&gt;
  &lt;p&gt;Text here&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code> .alltext {
   color: black;
   display: hidden;
   }
  
   .centertext {
    margin-right: none;
    margin-left: none;
    display: flex;
    display:-webkit-flex;
    display:-webkit-flexbox;
    display:-ms-flexbox;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    vertical-align: center;
    position: fixed;
    top: 0;
    margin: auto;
    margin-top: 0;
    }
  
   .textone {
   position: relative;
   max-width: 95%;
   text-align: center;
   font-size: 6em;
   }
  
  .texttwo {
  width: 85%;
  text-align: center;
  font-size: 6em;
  }
  </code></pre>
  
  <p>Thanks</p>