我想自动调整标签之间的标签文本间隙。

1. “标签”位于“按钮”下面。

下面是代码:

<style>
 .btn{
   margin-right: 5px;
   display: inline-block;
   text-align: center;
   position:relative;
  }
  .btn label {
   display: block;
   position:relative;

   }
</style>


<!-- Html Part - All show horizontically -->
<button class="btn">Medicine 1</button>
<button class="btn">Medicine 2</button>
<button class="btn">Medicine 3</button>
<button class="btn">Medicine 4</button>
<br>

<!-- here I want to adjust position button relative -->
<!-- I want position/gap of labels adjust automatically under the buttons  -->
<!-- Labels under the buttons looks good and aligned-->


<label class="btn">2 mg</label>
<label class="btn">500 mg</label>
<label class="btn">650 mg</label>
<label class="btn">250 mg</label>

https://jsfiddle.net/

欢迎提出任何意见或建议。