テキスト横にボタンを設置したいです。

bootstrap　v5.0使用してテキスト横にボタンを設置したいのですが、下記のようにしたところテキストとテキストの間に間が空いてしまい、ブロック要素となってしまいます。

<h6>の前にinline-blockのを記述してみたり色々してみたのですが分からず、どなたか教えていただきたいです。

 <div class="container">
   <h6>
      <span>テキスト</span>
   </h6>
     <div class="text-end">
          <a class="btn btn-primary" role="button" href="リンク">前へ戻る</a>
　　　</div>
  <h6>
      <span>テキスト</span>
  </h6><br>
</div>```

nae_stage

2022/07/12 00:56

どのような状態になるのが理想なのか、絵や図で示していただいた方が回答がつきやすいと思います。

rita-beginner

2022/07/12 01:29

ご意見ありがとうございます！画像追加させていただきましたｍｍ

行動規範の内容に同意します

回答1件

ベストアンサー

以下のようにすると、提示していただいた図のようにできるのではないかと思いますが
いかがでしょうか？

html
1<div class="container">
2   <h6 class="d-flex justify-content-between">
3      <span>テキスト</span>
4      <a class="btn btn-primary" role="button" href="リンク">前へ戻る</a>
5   </h6>
6  <h6>
7      <span>テキスト</span>
8  </h6><br>
9</div>