<div>
<p>TROCO</p>
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
...
</button>
<div class="collapse" id="collapseExample">
<div class="card card-body">
texto que aparece quando pressiono o botão
</div>
</div>
</div>
O código é esse aí, queria que o texto "TROCO" aparecesse na mesma linha que o botão, quando eu abro a página eles ficam em linhas diferentes, e se eu coloco o texto dentro do < button> o texto vai pra dentro do botão... Alguém manja o que que ta acontecendo??