2012-07-24 43 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