Forums

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

Home Forums CSS How to float the content to the Image?

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #45442
    devil2x2
    Member

    Very simple thing, I have done it hundreds of times but dont know why its not happening today. I m creating a wordpress theme, and I want to do the common thing which is to float the content to the image side by side as you see in all wordpress blogs but for some reason its not happening. There has to be something small mistake that I m doing in CSS but cannot figure out what that is. here is the link to the test website.
    Please help.

    Thanks

    img.attachment-thumbnail {
    border-radius: 5px;
    border: 5px solid #fff;
    box-shadow: 1px 1px 1px;
    width: 120px;
    height: 120px;
    float: left;
    margin: 10px 10px 10px 0;
    }

    #138302
    chrisburton
    Participant

    What are you wanting to be on the right side of the image, the paragraph text or the title and meta information?

    #138303
    CrocoDillon
    Participant

    You have

    p {
    clear: both;
    }

    in your CSS (defaults.css line 289)

    #138304
    chrisburton
    Participant

    In addition to @CrocoDillon’s answer, removing inline-block from the paragraphs will make it work.

    #138308
    devil2x2
    Member

    Thanks CrocoDillon, that was the problem and thanks chrisburton for furthur help.

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