包含图片的新闻

CSS:

.news
{
    background-color:Gray;
    border:solid 1px black;
}
    
.news img
{
    float:left;
}

.news p
{
    float:right;
}

.clear
{
    clear:both;
}

html:

<div class="news">
        <img src="images/tr_thumbnail.jpg" />
        <p>
            《变形金刚》放出了几款最新海报，上图是台湾版，这部大片将于7月4日（美国独立日）在北美上映，并已经确定于7月11日登陆中国各大影院！新加坡、台湾的上映时间为6月28日（哇，真是太幸福了！），而香港影迷则要等到7月26日才能看到。</p>
        <div class="clear">
        </div>
</div>

效果：

               

变形金刚放出了几款最新海报，上图是台湾版，这部大片将于7月4日（美国独立日）在北美上映，并已经确定于7月11日登陆中国各大影院！新加坡、台湾的上映时间为6月28日（哇，真是太幸福了！），而香港影迷则要等到7月26日才能看到。