Flexbox in IE10

Question

I'm trying to get flex box working in IE10 but it's not working. Safari, Chrome and Firefox are working fine, but IE10 doesn't wanna work. Anyone knows the answer?

codepen: http://codepen.io/anon/pen/vcEGH/

  display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;           /* TWEENER - IE 10 */
  display: -webkit-flex;          /* NEW - Chrome */
  display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;

  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;

  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;

Answer 1

For IE10 , span should be displayed as inline-block to trigger layout somehow .

---

Test here if it fixes it : http://codepen.io/gc-nomade/pen/lhsEt