CSS question

[AlisonMSmith]

Hi all. Trying to fix a little CSS issue, could use some help.

I'm trying to get the TOP of some images to align with the TOP of particular, adjacent text.

See this annoying home features blog article. The top of the first picture (yes, it's a real product!) aligns with the top of the first paragraph text.

The next picture messes up the ordered list number, adds a big gap between paragraphs, etc.

What I'm looking for is for the top of the picture to align with the top of the section title (or the top of the first line of the first paragraph). I've tried some alternate placements of the image code, but no matter where I try, it screws up the alignment.

I do want the photos on the right with text wrapped around them.

Thanks for any help.

[Sophia]

I would remove both the image file and the '<br/>' tags out of the title tag and place the image file at the beginning of the item's content with a floating class.

[mybrokengnome]

CSS Tutorial - Float try that

[Susie N]

I agree with Sophia. I played with it (using Firefox's developer toolbar.... Miscellaneous > Edit HTML) and this should work for you:

<h2>Open Master Suite</h2>
<img src="http://pix2brix.com/wp-content/uploads/open-bathroom.JPG" alt="open-bathroom" title="open-bathroom" class="alignright size-full wp-image-885" width="150" height="200">
<p>We just moved into a rental house that has a master bedroom that connects (with no door) to the master bath. This, in turn, connects (again with no door) to the master closet. I honestly didn’t even notice it when we looked at the house, but this “feature” drives me nutty!</p>

[AlisonMSmith]

Thank you all so much for your help.

I'm confused. Can you clarify? I don't have a </br> tag in the title tag. Hm. OK, I do. But it doesn't show up in the WordPress admin page, even on HTML setting. And in that screen there is no carriage return there either. Weird.

Sheesh. I had tried that placement before and thought I had a spacing problem with it, also. But looking at it now, I think it's just because the paragraph spacing is different from the list item spacing. I thought the image was causing that, but looking closer that's not true.

Thanks to all of you for your expertise. Looks much better now!