title: Position three buttons on the same centre line
body: <p>I have three separate buttons within the same row and container, however due to the content above them, they're not all on the same horizontal line.</p>
  
  <p><a href="https://i.stack.imgur.com/M962S.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/M962S.png" alt="Current"></a></p>
  
  <p>This is worsened on a big screen</p>
  
  <p>How can I get all these buttons sitting on the same centre point?</p>
  
  <p><strong>Live URL:</strong> <a href="http://185.123.97.138/~kidsdrum/moneynest.co.uk/" rel="nofollow noreferrer">http://185.123.97.138/~kidsdrum/moneynest.co.uk/</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;button data-sumome-listbuilder-id="6ffa68f2-f144-418b-afe0-4de05390e083" class="text-uppercase btn btn-primary btn-lg btn-middle"&gt;Start Class Now&lt;/button&gt;
  </code></pre>