リンクが不必要に行を作成しますか？

Question

私はこのデモを持っています：https://jsfiddle.net/5dypyf0h/ 私の問題は、私は1行にリンクタイトルを持ち、左側にテキストと縦に整列したいと思っています。なにか提案を？

<div class="explanation"> 
    <span>Ukoliko je adresa dostave drugacija od navedene adrese za naplatu, molimo unesite je</span> 
    <a href="#" class="pull-right">UKLONI ADRESU</a> 
</div> 

Answer 1

（フレックスボックスでは機能しない）浮動小数点数を削除し、幅を削除してください。

JSFiddle Demo

.explanation { 
 
    margin-top: 10px; 
 
    display: flex; 
 
    align-items: center; 
 
} 
 
.explanation span { 
 
    font-family: 'OpenSans-Regular'; 
 
    font-size: 12px; 
 
    color: black; 
 
    margin-top: 5px; 
 
} 
 
.explanation a { 
 
    padding: 10px; 
 
    background-color: #24282f; 
 
    color: white; 
 
    font-family: 'OpenSans-Bold'; 
 
    font-size: 14px; 
 
    text-align: center; 
 
    margin-left: auto; 
 
    white-space: nowrap; 
 
    /* link text will not break */ 
 
}

<div class="explanation"> 
 
    <span>Ukoliko je adresa dostave drugacija od navedene adrese za naplatu, molimo unesite je</span> 
 
    <a href="#" class="pull-right">UKLONI ADRESU</a> 
 
</div>