有没有办法在不影响元素渲染方式的情况下居中对齐此span元素？

Question

我正在使用this渲染评级星，我需要将html页面的所有元素（包括星星）都集中在一起。该页面将如下所示：

问题是，当我使用<center>或<style="text-align: center;">时，这些星星最终看起来像这样：

代码：

<center>
  <span class="stars">4</span>
</center>

结果：

有没有办法在不影响渲染方式的情况下使span类居中？我尝试使用margin-left / right但是当我改变浏览器的大小/在手机上使用它时它们看起来很糟糕。

它是什么：

我想要的是什么：

Answer 1

使用margin: 0 auto;。它将以其父div为中心。

如果您想了解有关margin: 0 auto;的更多信息，请尝试使用此link。

Answer 2

如果没有关于上下文和您尝试做的更多信息，很难回答，但是您尝试过使用CSS而不是HTML标记吗？

.stars { text-align：center }