Image alignment not working

HTML & CSS
1

For some reason the image alignment is not working on this page: http://spiritmessages.org/readings/. The HTML is:

<div id="attachment_204" class="wp-caption alignright" style="width: 223px"><img class="size-full wp-image-204" title="carol-with-james-van-praagh" src="http://spiritmessages.org/wp-content/uploads/2009/10/carol-with-james-van-praagh.jpg" alt="Carol with James Van Praagh" width="213" height="171" /><p class="wp-caption-text">Carol with James Van Praagh</p></div>

.wp-caption {
    background: none repeat scroll 0 0 #F1F1F1;
    line-height: 18px;
    margin-bottom: 20px;
    max-width: 632px !important;
    padding: 4px;
    text-align: center;


}


.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;


}

It aligns fine with just the image, but not when I add a caption. Is this about Wordpress? Is there a temporary fix?

2

Right here it works fine :slight_smile:

The caption is aligned centered under the photo.

3

I guess the question is—What is meant by “alignment”?

Likewise, the caption is centered nicely for me. I suspect the question is why the text doesn’t wrap around the image box? If so, then just remove “clear: both” from here (line 35 in style.css):

h1, h2, h3, h4, h5, h6 {
[COLOR="#FF0000"]clear: both;[/COLOR]
font-weight: normal;
}
4

Yes, I was talking about the image alignment so the text wraps. Your solution worked. Many thanks.