title: Safari 6 (iOS 6) flex layout doesn't wrap elements
body: <p>I need the two boxes to be in columns. This works in other browsers I have tested but not in Safari 6 on iOS 6.</p>
  
  <p>Example: <a href="http://jsfiddle.net/5FESj/1/" rel="nofollow">http://jsfiddle.net/5FESj/1/</a></p>
  
  <pre><code>display: -webkit-box;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  </code></pre>
  
  <p>I need to use row (horizontal) layout, I just want all elements that go over 100% to get pushed to the next line.</p>