html - 网站图标不在正确的位置？

Question

我希望网站图标位于中央，但它会偏低一点？ a 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 之后错过了 >