I know what the problem is, and I know what’s causing it, and I know what should fix it, but it isn’t working.
On http://casaraydf.ca/members.htm, “Roles” has a <h3> tag, but the <p> following it doesn’t drop text down to the next line. I know that elsewhere in my CSS I set <h3> to ‘display:inline;’ (to affect all <h3> tags) but I later assigned a class to it so it shouldn’t affect any other tags.
I’m just looking for a reason why it isn’t working.
Really? I don’t see anywhere in your CSS stylesheet where you set display:inline :). Could you point that out to me?
I DID, however, find that by default, on all <h3>'s, you set it to float:left;
That’s causing the issue. I don’t know why you have that set as default, but if you need to keep that as default (bad idea in my opinion), set a class to that H3 and unfloat it. OR, do something like this
As far as I can see, the only place you need float:left is on that first <h3> in the #tagline div, so why not just assign it a class and apply the float there, as you have with the second <h3> and float:right?
If you have to question whether you have too many divs, you do.
A general rule of thumb is that if a div isn’t being used for anything important, or it could be combined with another element, then you have too many divs.
You have a few divs in there that have no styling at all…