Question

在我的标题中，我添加了三个元素。箭头，FB图标，推特图标。

小提琴：Fiddle

HTML：

<div class="navbar navbar-default navbar-fixed-top" role="navigation">
                <div class="email-input navbar-left">
        <div id="error-msg" class="help-block">             
                    </div>
                </div>
                <p class="navbar-text navbar-right">
                    Login
                    <i class="fa fa-play"></i>
                    <i class="fa fa-facebook-square fa-2x"></i>
                    <i class="fa fa-twitter-square fa-2x"></i>
                </p>
            </div>

问题是Login文字，Arrow (>)在标题中间不对齐。

我尝试更改其上下边距和填充但没有变化。任何帮助表示赞赏。

Answer 1

在css中添加一个类：

.text {
        float: left;
        margin: 4px;
    }

然后使用以下箭头包装您的登录文本：

<span class="a">Login <i class="fa fa-play"></i></span>

使用bootstrap css调整元素css元素

1 个答案: