title: How do I centre align two BTN button within a jumbotron in HTML
body: <p>I am new to HTML and CSS and trying to build something which resembles a homepage.</p>
  
  <p>Please see attached screenshot.</p>
  
  <p>How can I centre align these two buttons BTN within a jumbotron in my HTML project.</p>
  
  <p><a href="https://i.stack.imgur.com/3PX9I.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3PX9I.png" alt="enter image description here"></a></p>
  
  <blockquote>
    <p>My HTML</p>
  </blockquote>
  
  <pre><code>&lt;div class="jumbotron"&gt;
          &lt;h1&gt;Bespoke Recruitment Solutions&lt;/h1&gt;
          &lt;p class="lead"&gt;We are an indapendant recruitment company specialising in providing bespoke HR services.&lt;br&gt; We take the time to understand our clients vision, goals and culture allowing us to engage with the right talent to fill the vacany.&lt;/p&gt;
          &lt;p&gt;&lt;a class="btn btn-primary btn-lg" role="button"&gt;Submit Your CV&lt;/a&gt;&lt;a class="btn btn-primary btn-lg" role="button"&gt;Fill A Vacancy&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
  </code></pre>