ボタンのテキストのスタッキングとインラインの維持

Question

「詳細」というテキストのボタンがあります

ボタンのテキストが上下に積み重ねられています。ボタンの

私のhtmlコードは次のとおりです。

Iボタンは、当該ボタンがマークされている固有の最初のコードであることを、行全体を含めています。これらの2つのコードのsnipptsは、次のようにボタンの

 <div class="rightbutton col-md-5 col-md-offset-5"> 
     <button>Learn More</button> 
    </div> 

    </div> <!--end bottom row--> 

私のCSSは..です

ここ

<div class="row"> <!--bottom row--> 
    <div class="leftbutton col-md-2 col-md-offset-1"> 
     <a id="helpbutton" href="mailto:someone@example.com?Subject=Help"><button>Help</button></a> 
    </div> 

は、以下の問題のボタンのコードである1つのブートストラップ行ですべてです：

.rightbutton button{ 
    font-size: 20px; 
    color: #1c94c4; 
    padding-left: 40%; 
    padding-right: 40%; 
    } 

何が起こっているのですか？私はフォントを考えていたが、それは私には意味をなさない。

もう1組の目は高く評価されています。

Answer 1

使用white-space:nowrap

CSS：

.rightbutton button { 
    font-size: 20px; 
    color: #1c94c4; 
    padding-left: 40%; 
    padding-right: 40%; 
    white-space: nowrap; 
} 

デモ：http://jsfiddle.net/GCu2D/2156/

問題は、テキストサイズが固定されたまま、画面サイズに応じて変化する割合でパディング部であります。