title: Flexbox not displaying on Safari 5.1 for Windows
body: <p>I'm trying to create a simple box for a question, with the question number on one side and the text on the other. As the texts are dynamic and I want them to be vertically aligned, I'm trying the use of flexbox.</p>
  
  <p><img src="https://i.stack.imgur.com/8ne7V.png" alt="Desired effect"></p>
  
  <p>I've read about the <a href="http://css-tricks.com/using-flexbox/" rel="nofollow noreferrer">old and new syntax</a> and I've tried to cover all the possible scenarios (if that is ever possible) with the necessary prefixes, for example: </p>
  
  <pre><code>  display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
  </code></pre>
  
  <p>Here's a fiddle <a href="http://jsfiddle.net/alkaithil/NW3QZ/5/" rel="nofollow noreferrer">http://jsfiddle.net/alkaithil/NW3QZ/5/</a></p>
  
  <p>However, <strong>I can't see the box displayed at all in Safari for Windows</strong> (5.1).</p>
  
  <p>Any ideas or alternatives for this kind of layout?</p>