Как произвольно размещать по горизонтали элементы через flex в CSS?
https://jsfiddle.net/ElenaOr/e1m47yjf/14/ - как то так. 
Вам бы не помешало почитать про флексбокс или поиграть
//A:
<div class="row justify-content-around">
<div class="left" style="justify-self: start;">p+h1</div>
<button />
</div>
//B
<div class="row justify-content-between">
<div class="left">p+h1</div>
<button />
</div>
//C
<div class="row justify-content-between">
<p />
<div class="right">h1+button</div>
</div>
</div>
Классы BS4, если что