글꼴 크기를 늘릴 때 아이콘 글꼴 클래스가 맞지 않습니다.

Question

저는 http://iconvau.lt/에있는 아이콘 글꼴을 사용하고 있습니다. 그러나 텍스트 정렬 중심에 아이콘을 가운데에 배치하지 마십시오. 그것은 왼쪽에 머물러 있습니다. 자동으로 아이콘의 마진을 설정

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

난 당신이 자동으로 여백을 설정해야한다고 생각

.icon-2 
    { 
    margin: auto; 
      }