ボタン内にテキストを1行で表示する

Question

テキストが1行で表示されていますが、これは1行で表示されますが、display:blockを使用してボタンを中央に置くとボタンは中央に表示されますが、それは改行を有し、2つのラインに分かれて内のテキストは、私はテキストが1行だけ表示したい： これは私のコードです：私はこのように私のコードがある場合は

<div class="MyClass"><a type="button" style="margin:auto; display:block" class="ButtonLink" href="@Url.Action("MyAction","MyController")">Selected Now</a></div> 

は、テキストが表示されますボタンを中央に配置する必要があります：

<div class="MyClass"><a type="button" class="ButtonLink" href="@Url.Action("MyAction","MyController")">Selected Now</a></div> 

これは私が欲しいものです：

そして、これは私がボタンを中央ときにテキストが表示されている方法です。

私は何をする必要がありますか？

Answer 1

white-space: nowrapを追加する必要があります。

<div class="MyClass"> 
    <a type="button" class="ButtonLink" href="@Url.Action("MyAction","MyController")">Selected Now</a> 
</div> 

.ButtonLink { 
    white-space: nowrap; 
    text-align: center; 
}