Question

For some reason I cannot get the styling for my

nav-content-right-notif-num p 

div to apply. I would like the number “4” (or any text) to be centered in the

nav-content-right-notif-num

div (the red circle). But the <p> just inherits a different styling. What am I doing wrong?

Here is my source:

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

Answer 1

The problem is that your p is floating left. Because it’s floating, it’s no-longer occupying the full width of the div. The text is centered, but it’s centered within the narrowed p.

Perhaps you don’t need to make the p float.