Sassafrassin Rassafrasser!

This is driving me nuts.

It may be an issue with my WordPress installation, or my CSS, an example of the problem can, currently, be seen two posts down.

If I add a blockquote in WordPress, it adds [blockquote] around the area of text. All well and good. But if the quote has more than one paragraph, it adds a [p] tag within the blockquote, but only for the SECOND paragraph causing the blockquote to get all huffy (technical term).

Currently the CSS for the blockquote looks like this:
#content-float blockquote { color: #663399; padding: 8px; background: #F6FBF7 border: 1px dotted #CC99FF; font-style: italic; font-family: Georgia, Times, serif; }

The [p] tag within the blockquote won’t inherit from it as [blockquote] is below [p] in the CSS hierarchy (I think) but I can’t seem to get my head around how to structure the CSS to cope with this, or should I be looking to the format of the HTML rather than the CSS??

Suggestions, corrections, amendments or even disbelieving comments about my stupidity all welcomed (well all apart from the latter, obviously, that’s just nasty…).

Written By

Long time blogger, Father of Jack, geek of many things, random photographer and writer of nonsense.

Doing my best to find a balance.

More From Author

You May Also Like

Hello 2024

It’s that time of year again

24 years old