Issue with an empty span / blockquote

[Marliese]

Hey there guys,

I got an problem on my wordpress page, you can see it here:

http://bit.ly/1NcCitO

Below the blockquote there is a GIF player (WP GIF Player plugin). As you can see, the Play button isn’t in the middle of the image anymore but it’s pushed/pulled towards the top. Now the thing: This only happens when a blockquote is directly above the gif player. If there is a normal sentence (<P>) above it everything looks fine. There is a weird empty span in there – and I have no idea why this is happening. Any idea anyone? Thanks a lot. :)

[Paulie_D]

It’s because the the blockquote has a class of pull-right which makes the element float:right.

So, the following “text” floats up as though the blockquote isn’t there.

I don’t think you need to float the blockquote so you can probably remove the class.

Alternatively, clear the float on the following div

.gif_wrap {
    display: block!important; /* ugh - not necessary */
    margin: 0 auto;
    clear: both;
}

[Marliese]

I think I need the float for the blockquote, since the second layout of the blockquote (not the one displayed there) works with a negative margin to pull it out to the left and the body text then needs to wrap around the right side of the quote.

But the clear:both on the gif wrap worked fine. Thanks a lot! :)

[Author]

Posts