Как добавить промежуток между двумя встроенными кнопками (BTN) в HTML

Question

Я новый кодер, изучающий HTML и CSS.

Я закодировал два BTN в свой проект HTML, но они помещены вместе inline, который выглядит глупым.

Как добавить промежуток между ними, пожалуйста, чтобы эстетика выглядела правильно.

Мой HTML

<div class="jumbotron"> 
     <h1>Boutique Recruitment Solutions</h1> 
     <p class="lead">We are an indapendant recruitment company specialising in providing bespoke HR services.<br> We take the time to understand our clients vision, goals and culture allowing us to engage with the right talent to fill the vacany.</p> 
     <p><a class="btn btn-primary btn-lg" role="button">Submit Your CV</a><a class="btn btn-primary btn-lg" role="button">Fill A Vacancy</a></p> 
     </div> 

Answer 1

Почему вы думаете, маржа не будет работать?

a.btn { 
 
    margin: 0 1em; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="jumbotron"> 
 
    <h1>Boutique Recruitment Solutions</h1> 
 
    <p class="lead">We are an indapendant recruitment company specialising in providing bespoke HR services. 
 
    <br>We take the time to understand our clients vision, goals and culture allowing us to engage with the right talent to fill the vacany.</p> 
 
    <p><a class="btn btn-primary btn-lg" role="button">Submit Your CV</a><a class="btn btn-primary btn-lg" role="button">Fill A Vacancy</a> 
 
    </p> 
 
</div>

Answer 2

Просто используйте атрибут маржу.

<div class="jumbotron"> 
     <h1>Boutique Recruitment Solutions</h1> 
     <p class="lead">We are an indapendant recruitment company specialising in providing bespoke HR services.<br> We take the time to understand our clients vision, goals and culture allowing us to engage with the right talent to fill the vacany.</p> 
     <p><a class="btn btn-primary btn-lg" role="button" style="margin-right: 100px">Submit Your CV</a><a class="btn btn-primary btn-lg" role="button">Fill A Vacancy</a></p> 
     </div>