Tailwind 将圆圈放在按钮内

Question

如何在右侧有文字的按钮内放置一个圆圈？现在，它与文本重叠，它们应该居中（圆圈+文本）。这里是游乐场CLICK HERE

<button class="btn btn-change">
  <span class="w-5 h-5 bg-red-500 rounded-full absolute"></span>
  Change Color
</button>

Answer 1

<button class="btn btn-change">
  <div class="flex items-center justify-center">
      <span class="w-5 h-5 bg-red-500 rounded-full"></span>
    Change Color
  </div> 
</button>

Answer 2

<button class="btn btn-change">
  <div class="flex  justify-center">
    <span class="w-5 h-5 bg-red-500 rounded-full"></span>
  Change Color
  </div>
</button>

Tailwind 将圆圈放在按钮内

Tailwind Putting Circle Inside Button

css

tailwind-css