ThemeShaper Forums » Thematic


Wrap text around image

(2 posts)
  • Started 3 years ago by 02rilund
  • Latest reply from Devin
  • This topic is not resolved
  1. 02rilund

    I'm trying to wrap text around an image (on a page) and with basic text it's working as it should. But when i add a subheading using the h2 tag, the whole block of text moves down to underneath the image. here's my css:

    .entry-content {
    padding: 0 0 0 0;
    .entry-content h2 {
    padding:0 0 13px 0;
    color: #000000;

    .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    .alignleft {
    float: left;
    .alignright {
    float: right;
    img.alignleft {
    img.alignright {

    i can get around it by putting the text and image into separate cells in a column, but then i have another problem; the thext and image won't align at the top!

    I would like the text and images to align something like this (but without the border on images of course):

    Any help to resolve even one of these problems would be much appreciatied!

    Posted 3 years ago #
  2. An h2 is a block level element, so it automatically takes up 100% of the width and gets pushed underneath.

    You can change a block level element to display inline:

    .entry-content h2 {display:inline;}

    I think that might work for you- but let me know.

    You can see from the source in that I set it up to display in two columns, since I didn't want the text to wrap underneath- so that's probably not how you want it set up.

    Posted 3 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.