title: display flex disables new lines
body: <p>So I'm trying to align this video vertically and horizontally with some text underneath the video. My current code can be found below</p>
  
  <pre><code>&lt;head&gt;
          &lt;script src="https://www.youtube.com/iframe_api"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body style="background-color: black;"&gt;
          &lt;div id="background" style="z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: black; background-image: url('./xyz.jpg');"&gt;&lt;/div&gt;
          &lt;div align="center"&gt;
                  &lt;div style="display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; height: 100%; align-items: center; justify-content: center;"&gt;
                          &lt;div id="player"&gt;&lt;/div&gt;
                          &lt;div style="display: block; color: white;"&gt;I am text?!?!&lt;/div&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
          &lt;script type="text/javascript"&gt;
                  var player;
                  function onYouTubeIframeAPIReady() {
                          player = new YT.Player('player', {
                                  videoId: 'dQw4w9WgXcQ',
                                  playerVars: {
                                          controls: 0,
                                          autoplay: 1,
                                          disablekb: 1,
                                          enablejsapi: 1,
                                          iv_load_policy: 3,
                                          modestbranding: 1,
                                          showinfo: 0,
                                          rel: 0
                                  }
                          });
                  }
          &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I'm sure I'm just missing something small, but I can't seem to force the text onto a new line while using the flex to align them. </p>
  
  <p>I've tried the obvious <code>&lt;br&gt;</code> and setting the children's display to block, but I'm at a dead end right now.</p>
  
  <p>Any help would be amazing</p>