html - css layout - break down -

So I'm trying to get the effect of having two frames within 750px wide frame.

  .news {width: 750px;} .news1 {width: 550px;} .news2 {width: 200px;}  

Very simple at this level CSS

HTML / php:

  & lt; Div class = "news" & gt; & Lt; Div class = "format" & gt; & Lt; A href = 'newspiece.php? News = & lt ;; Echo $ id? & Gt; ' & Gt; & Lt ;; Echo "$ theme \ n" ;? & Gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; Div class = "news1" & gt; By & lt;? Echo "& lt; div class = 'content' & gt;"; Echo nl2br ($ comment); Echo "& lt; a href = 'newspiece.php? News = $ id' & gt; .. [read more ...] ..  \ n"; Echo "& lt; / div & gt;"; ? & Gt; & Lt; H5 & gt; & Lt;? Echo "Posted by & lt; a href = \" userprofile.php? User = $ post \ "& gt; $ post & lt; / a & gt; $ end_date \ n" ?? & Gt; & Lt; / H5> By & lt;? Echo "
 \ n" ;? & Gt; & Lt; / Div & gt; & Lt; Div class = "news2" & gt; & Lt; Img src = "picture / news / & lt;? Echo $ id? & Gt; .jpg" / & gt; & Lt; / Div & gt; & Lt; / Div>]  

The problem I am getting is that the image which should be on the right is going down below, so in effect, News 1 News is above 2, rather than the edge . Any ideas?

Try using

  .news1, .news2 {Float: left}