title: CSS3 flex-direction property lost effect in Chrome 21?
body: <p>I have update my Chrome to version 21. I have used flex property to defined some css style:</p>
  
  <pre><code>display: -webkit-flexbox;
  -webkit-flex-pack: center;
  -webkit-flex-align: center;
  -webkit-flex-direction: column;
  </code></pre>
  
  <p>But I find all the lost its effect in the new version chrome, so I try change to :</p>
  
  <pre><code>display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-flex-direction: column;
  </code></pre>
  
  <p>the head 3 property have changed correctedly,
  The last <code>-webkit-flex-direction</code> is still don't work like before, but the chrome the develop tool show the property is correct</p>
  
  <p>demo is <a href="http://jsfiddle.net/hh54188/dPK5f/1/" rel="nofollow">here</a>, I want to use the property make the <code>h1</code> order in column</p>
  
  <p>How can I solve this problem?Or should add some property?</p>