Wrap-around text

  • Hi. This may seem like an elementary question but I’m new to wordpress and I’m wanting to add pictures to my posts with wrap-around text. To save myself oodles of time, I thought I’d ask if anybody can explain to me how to do this.

Viewing 1 replies (of 1 total)

  • How much do you know about CSS and HTML?

    You will need a class in your CSS stylesheet that will float the picture. Something like this:

    .pic-left {
    float: left;
    margin: 8px 8px 8px 0;
    }

    Then your picture should be placed within a div or span tag that has that class. Like this:

    <span class="pic-left">
    your image tag here
    </span>

    If you float the picture to the left, the text will wrap around to the right. If you float the picture to the right, the text will wrap on the left. You can also add other style info like padding and borders so it fits into your theme.

Viewing 1 replies (of 1 total)
  • The topic ‘Wrap-around text’ is closed to new replies.