フレックスボックス：リンク付きスパンは2行に分割されます

問題は、内側にあるa linkのスパンが2行で折れてしまうことです。これはコードです：フレックスボックス：リンク付きスパンは2行に分割されます

<div id="formvox"> 
    <span> 
    <span id="momentaneo"><i aria-hidden="true" class="fa fa-cog fa-spin fa-3x fa-fw"></i> Caricamento in corso...</span> 
    <span id="force">Prova ad attendere qualche minuto altrimenti <a href="#">iscriviti di nuovo</a></span> 
    </span> 
</div>

そして、このCSS：

#formvox {  
    display: flex; 
    flex-direction: column; 
    height: auto; 
    justify-content: center;  
} 


#momentaneo { 
    align-items: center; 
    display: flex; 
    height: 100%; 
    justify-content: center; 
    width: 100%; 
} 


#force { 
    display: flex;  
    justify-content: center;  
}

これはjsfiddleです： https://jsfiddle.net/ek7z718n/

ウィンドウの幅が非常に小さい場合、私は理由を理解していない、スパン#forceは2行でブレークします。多分問題はaですか？私は何度も解決しようとしましたが、何も解決しませんでした...

出典

2016-04-30 Borja