html - 如果我放置一个很棒的字体图标，CSS 不会将我的元素居中

Question

我这里有这个，它应该与库存文本并排显示检查字体真棒图标，但是当我这样做时，它不会显示在中心，而是显示在中心附近。

.grid-container {
  margin: auto;
  display: flex;
}

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<div class="grid-container">
    <h4 style="width:50%;margin:0 auto;">
        <span class="fa fa-check-circle"></span>&nbsp;In stock
    </h4>
</div>

标签： htmlcss

Answer 1

你display: block必须.grid-container

.grid-container{ display: block; margin: 0 auto;}