title: Space between two buttons mobile site
body: <p>I have a problem with buttons when my site switch on mobile version </p>
  
  <p>Html is:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;p style="text-align: right;"&gt;
  &lt;a class="button btn-primary" href="index.php/reprogrammation/193-bmw"&gt; Retour "Choix de la marque" &lt;/a&gt;
  &lt;/p&gt;
  
  &lt;p style="text-align: center;"&gt;
  &lt;a class="button btn-primary" href="#"&gt;2005 - E8x&lt;/a&gt;     
  &lt;a class="button btn-primary" href="#"&gt;2007 - E8x&lt;/a&gt;  
  &lt;a class="button btn-primary" href="#"&gt;2011 - F2x&lt;/a&gt;
  &lt;/p&gt;
  
  &lt;p&gt;&lt;img style="float: right;" src="images/marques/bmw/serie1.png" alt="" width="400" height="150" /&gt;&lt;/p&gt;
  </code></pre>
  
  
  
  <p>CSS is: </p>
  
  <pre class="lang-css prettyprint-override"><code>.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;
  </code></pre>
  
  
  
  <p>Here are two screenshots: </p>
  
  <p><strong>PC Version</strong>
  <a href="https://i.stack.imgur.com/T4kE9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/T4kE9.png" alt="PC Version"></a></p>
  
  <p><strong>Mobile version</strong>
  <a href="https://i.stack.imgur.com/tI0hk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tI0hk.png" alt="Mobile Version"></a></p>
  
  <p>Can anyone please tell me how to put a space between this buttons </p>