JS Twitterウィジェットは常に新しい改行を作成し、同じ行に必要です

Question

「TEST MESSAGE」テキストと同じ行に表示するには、次のJS Twitterウィジェットが必要ですが、常に改行が作成され、このコードは3ライン。

TEST MESSAGE<script src="http://widgets.twimg.com/j/2/widget.js"></script> 
<script> 
new TWTR.Widget({ 
    version: 2, 
    type: 'profile', 
    rpp: 10, 
    interval: 30000, 
    width: 370, 
    height: 500, 
    theme: { 
    shell: { 
     background: '#333333', 
     color: '#ffffff' 
    }, 
    tweets: { 
     background: '#e8e8e8', 
     color: '#000000', 
     links: '#005eff' 
    } 
    }, 
    features: { 
    scrollbar: false, 
    loop: true, 
    live: false, 
    hashtags: true, 
    timestamp: true, 
    avatars: false, 
    behavior: 'default' 
    } 
}).render().setUser('ControllerShop').start(); 
</script>TEST MESSAGE 

Answer 1

Twitterウィジェットはブロック要素であるので、（単に<p>又は<blockquote>ような任意の他のブロック要素のような）デフォルトでこのように動作<div>、として描画します。それはテキストトライでインラインで表示するようにするには：

.twtr-widget { 
    display: inline-block; 
} 

あなたが行動in this fiddleでそれを見ることができます（「結果」ペインには、すべてを収容するのに十分な幅であることを確認してください）。

なぜあなたはこれをやりたいのか分かりませんので、私はあなたの大規模なユースケースについて興味がありますが、これはとにかく仕事です。