Removed a generic float and that did it.
I am trying to get a WordPress theme to have the text wrap around images. Currently it floats and ends up overlapping the next post. I tried applying a display: block but that didn’t do it. Does anyone know how I can get these images to display correctly?
p img {
display:block;
padding: 0;
max-width: 100%;
}
a img{
display:block;
text-decoration:none;
border:none;
padding:0px;
margin:0px}
img.centered{
display:block;
margin-left:auto;
margin-right:auto}
img.alignright{
display:block;
padding:4px;
margin:0 0 2px 7px;
}
img.alignleft{
display:block;
padding:4px;
margin:0 7px 2px 0;
}
.alignright{
display:block;
float:right;
font-weight:bold}
.alignleft{
display:block;
float:left;
font-weight:bold}
HTML
<p>Sunrise!<a rel="attachment wp-att-772" href="/blog/?attachment_id=772"><img class="alignleft size-medium wp-image-772" title="!cid_D9E6AA520ECD11D8A66D806C2135AAAC@picturecd1" src="http:///blog/wp-content/uploads/2010/01/cid_D9E6AA520ECD11D8A66D806C2135AAAC@picturecd11-300x225.jpg" alt="" width="300" height="225" /></a></p>
<div class="small box"><a class="post-edit-link" href="http://blog/wp-admin/post.php?action=edit&post=769" title="Edit post">Edit</a> | <a href="http:///blog/?p=769#respond" title="Comment on January in the vineyard">No Comments »</a></div>