Favicon не в нужном месте?

Question

Я хочу, чтобы значок был в центре, но его движение немного ниже? атрибут href предназначен для добавления ссылки на значок, удалив его, значок переходит в нормальное состояние, но для всех он одинаковый. img of the issue

 <div class="col-md-3 col-sm-6"> 
      <div class="panel panel-default text-center"> 
       <div class="panel-heading"> 
        <span class="fa-stack fa-5x"> 
          <a href="pensionr.html"<i class="fa fa-square fa-stack-2x text-primary" style=color:rgb(128,0,0);></i> <!--Blue Circle --> 
          <i class="fa fa-stack-overflow fa-stack-1x fa-inverse"></i></a> <!--Icon inside --> 
        </span> 
       </div> 
       <div class="panel-body"> 
        <h4>Pension Review</h4> 
       </div> 
       </div> 
     </div>**strong text** 

Answer 1

Изменить эту строку:

<a href="pensionr.html"<i class="fa fa-square fa-stack-2x text-primary" style=color:rgb(128,0,0);></i> <!--Blue Circle --> 

С этим:

<a href="pensionr.html"><i class="fa fa-square fa-stack-2x text-primary" style=color:rgb(128,0,0);></i> <!--Blue Circle --> 

Потому что вы пропустите> после pensionr.html»