在HTML中同一行上保留一個圖標和一個單詞

Question

我在我的網站上的鏈接旁邊使用了Font Awesome圖標，並且我無法弄清楚如何強制鏈接的第一個單詞與同一行保持同一行圖標。

下面是一個例子的jsfiddle http://jsfiddle.net/un5hwhca/

我試圖用 ，讓他們在一起，但它沒有這樣做的伎倆，因爲你可以在截圖中看到，它只是讓推到下一行的開始。

Answer 1

這個CSS添加到您的鏈接：

style="white-space: nowrap;" 

[Updated fiddle]

或者，如果你只是想形象，第一個字粘在一起，而是讓鏈接包裹的其餘部分，將圖像和第一個字放在span中，然後將樣式應用於該樣式，而不是像

<a href="https://en.wikipedia.org/wiki/Asteroids_(video_game)" target="_blank"> 
    <span style="white-space: nowrap;"> 
     <i class="fa fa-external-link"></i> 
     some 
    </span> 
    very interesting Asteroids 
</a> 

[Fiddle]