css - 增加字体大小时图标字体类不对齐

Question

我正在使用我在http://iconvau.lt/中创建的图标字体，但是当我将 text-align center 放置时，图标不会居中。它停留在左侧。

html

<ul>
  <li class="col-md-2">
   <div class="icon-2"></div>
  </li>
</ul>

css:
       ul{ width: 200px; text-align: center; height: 200px;}
       li {background: #fff;}
      .icon-2:before {
           content: "\f104"; text-align: center; font-family: "iconvault";
           font-style: normal;
           font-weight: normal;
           font-variant: normal;
           text-transform: none;
           line-height: 1;
           -webkit-font-smoothing: antialiased;
           display: inline-block;
           text-decoration: inherit;
           color: #1b93b6;}

Answer 1

尝试将图标的边距设置为自动：

.icon-2 {
    margin: auto;
}

Answer 2

我认为您应该将边距设置为 AUTO

    .icon-2 
    {
    margin: auto;
            }