我已经成功地使用css将woocommerce产品放在我的页面中心。然而，无论我做什么，星级div都拒绝居中。我可以改变它的颜色和背景，所以我知道我指的是正确的元素。任何帮助都将不胜感激。
CSS：

#top_rated_wrapper ul.columns-4 li.product {
  display:block;
  width:100%;
}

#top_rated_wrapper ul.columns-4 li.product a {
  text-align:center;
}

#top_rated_wrapper ul.columns-4 a {
  text-align:center;
  width:100%;
}

#top_rated_wrapper ul.columns-4 li.product img {
  object-fit:contain;
  object-position:center;
  max-width:100%;
  height:300px;
}

.star-rating {
  float:none;
  display:block;
  margin-left:auto;
  margin-right:auto;
}

最后一个类引用（.star-rating）不能将元素居中。'#top_rated_wrapper'只是我自己对woocommerce内容的 Package 。我还尝试了一个简单的text-align:center。