html – 文本与bootstrap的navbar-text pull-right无法正确对齐

我在html文件中有以下代码：

 

我得到这样的输出：
请注意,“这是第二次通知”与其上方的行没有正确对齐.我试图让两个通知彼此正确对齐.
我也尝试删除< br />从上面的代码,但我得到以下输出：
有人可以指出我做错了什么吗？
JSFiddle：http://jsfiddle.net/N6vGZ/23/
最佳答案
两个段落在导航栏中没有正确对齐的原因是因为bootstraps提出的默认行高40px不允许它们都正确堆叠.您可以通过设置较低的行高来解决这个问题,像20px这样的东西应该可以解决问题.

注意：我在容器中包含了两个段落,我可以轻松地浮动并使用我自己的类进行定位,以免打扰周围的其他元素.
HTML


试试这个：
CSS

.notices p {
    line-height:20px !important;
}

演示：http://jsfiddle.net/N6vGZ/29/
                        
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!