为什么display：flex导致div不是换行符

Question

请参阅我的CodePen：http://codepen.io/helloworld/pen/QwMWyM

为什么测试在SVG图像的右侧？实际上它应该换行，不是吗？

我想在div中垂直居中。我的方法出了什么问题？

<div>
    <div style="display: flex; justify-content: center; align-items: center;">
        <div>
            <img src="http://www.w3.org/TR/SVG/images/linking/link01.svg" alt="svgme" />
        </div>
        <div class="commandName">test</div>
    </div>
</div>