Icon font class не выравнивается при увеличении размера шрифта

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

установка запас значка на авто Try:

.icon-2 { 
    margin: auto; 
} 

Answer 2

Я думаю, вы должны установить поле в AUTO

.icon-2 
    { 
    margin: auto; 
      }