引导社交图标在Chrome

Question

所以我使用此代码来显示社交图标，它在Firefox和IE上运行良好，但在Chrome上运行不正常。在chrome上，两个图标都在一行上，而在其他浏览器上，它们与nav-brand一起保持在同一行。可能是什么问题？

                <a class="navbar-brand" href="{{ url('/') }}">DailyMeal
                </a>

                <a href="https://instagram.com/dailyyummymeals/">
                    <i title="Follow us on Instagram" class="fa fa-instagram"
                    style="cursor:pointer;padding-top:20px;"></i>
                </a>

                <a href="https://www.facebook.com/dailymeal.co">
                    <i title="Follow us on Facebook" class="fa fa-facebook"
                    style="cursor:pointer;padding-top:20px;"></i>
                </a>