2012-07-24 44 views
-2

出于某种原因,我不能得到的造型我的样式的p元素

nav-content-right-notif-num p 

格申请。我希望数字“4”(或任何文字)居中于

nav-content-right-notif-num 

div(红色圆圈)。但<p>只是继承了不同的样式。我究竟做错了什么?

这里是我的源:

http://jsfiddle.net/n4sXe/2/

回答

0

的问题是,你的p是浮动离开。因为它是浮动的,所以它不再占用div的整个宽度。文本为中心,但它集中在缩小的p内。

也许你不需要使p浮动。

+0

它是如何浮动的? – Matt 2012-07-24 01:40:31

+0

使用您选择的浏览器开发人员工具检查它,您会看到一些CSS样式导致它浮动。你可能不得不添加一个'float:none'来绕过继承的样式。 – Jacob 2012-07-24 01:44:50