The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Issue with an empty span / blockquote

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #235833

    Hey there guys,

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

    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. :)


    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;

    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! :)

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.