空間之間的兩個

Question

我有一個問題，按鈕的移動網站時，移動版本

的Html我的網站切換爲：

<p style="text-align: right;"> 
<a class="button btn-primary" href="index.php/reprogrammation/193-bmw"> Retour "Choix de la marque" </a> 
</p> 

<p style="text-align: center;"> 
<a class="button btn-primary" href="#">2005 - E8x</a>      
<a class="button btn-primary" href="#">2007 - E8x</a>  
<a class="button btn-primary" href="#">2011 - F2x</a> 
</p> 

<p><img style="float: right;" src="images/marques/bmw/serie1.png" alt="" width="400" height="150" /></p> 

CSS是：

.btn-primary { 
    background: transparent none repeat scroll 0% 0%; 
    border: 2px solid #C01C32; 
    border-radius: 20px; 
    font-family: "Montserrat",sans-serif; 
    font-size: 13px; 
    text-transform: uppercase; 
    padding: 8px 24px; 

這裏有兩個截圖：

PC版

手機版

誰能告訴我怎麼把

Answer 1

.btn-primary { 
    background: transparent none repeat scroll 0% 0%; 
    border: 2px solid #C01C32; 
    border-radius: 20px; 
    font-family: "Montserrat",sans-serif; 
    font-size: 13px; 
    text-transform: uppercase; 
    display: inline-block; 
    margin:10px; 
    padding: 8px 24px; 
} 

這個按鍵之間的空間，我建議使用display inline-block的達到理想的效果，適應偏好。

Answer 2

Thanks inline-block and margin：5px