css - CSS 为来自外部站点的每个 RSS 提要对齐图像

Question

如何在每个新闻提要的左上角显示缩略图图像正确对齐？

这是每个项目的提要的代码，我无法更改下面的格式，因为它是来自外部站点的 RSS 提要

<style>
img{
    float: left;
    width: 100px;
    height: auto;       
}
.feed-item-title{
    clear:right;
 }
</style>


<div class="feed-item">
<h3 class="feed-item-title">
    <a href="" target="_blank">Rihanna Hug During VMA Show</a>
</h3>

<div class="feed-item-body">
    Former couple share embrace on night when both won major awards.<br />By Hosten
    <a href="">
    <img type="photo" src="281x211.jpg" />
    </a>
    <br />
</div>

</div>

非常感谢。

Answer 1

如果你使用浮动，你应该清除它们。

.feed-item-body:after{
    content: '';
    display:block;
    clear:both;
}

稍后编辑：添加了一些额外的更改，这是工作示例。