html - 材质图标对齐问题

Question

我无法让材料图标在页面中心对齐

它似乎向左偏移，我该如何解决这个问题

<div class="container-fluid">   
    <div class="msgBox "  >
           <h4>Account verified</h4>
           <span class="material-icons md-36">check_circle_outline</span>
    </div>
</div>
        
CSS

.msgBox {

  padding: 100px;
  border: 5px ;
  text-align:center;
    
}

这是小提琴； https://jsfiddle.net/ryan_ramsumair/dyvn2Las/13/

标签： htmlcss

Answer 1

它实际上是居中的。只是图标本身主要由空格组成。

我突出显示了该区域，以便您可以更好地看到它。