title: divs on left and right side without main div
body: <p>I want to make news system, on left side i want to get news from world, on right i wont to get news from my country. I really don't know how to solve this problem:<a href="http://i48.tinypic.com/15rxzkw.jpg" rel="nofollow">http://i48.tinypic.com/15rxzkw.jpg</a></p>
  
  <p>source:</p>
  
  <pre><code>&lt;div style="width:1000px;"&gt;
      &lt;div style="border:1px solid red;float:left;width:400px;"&gt;news from world&lt;/div&gt;&lt;br/&gt;&lt;br/&gt;
  
   &lt;div style="border:1px solid red;float:left;width:400px;"&gt;news from world&lt;/div&gt;&lt;br/&gt;&lt;br/&gt;
  
    &lt;div style="border:1px solid red;float:left;width:400px;"&gt;news from world&lt;/div&gt;&lt;br/&gt;&lt;br/&gt;
  
     &lt;div style="border:1px solid red;float:left;width:400px;"&gt;news from world&lt;/div&gt;&lt;br/&gt; &lt;br/&gt;
  
     &lt;div style="border:1px solid red;float:left;width:400px;"&gt;news from world&lt;/div&gt;&lt;br/&gt;&lt;br/&gt;
  
  
      &lt;div style="border:1px solid red;float:left;width:400px;"&gt;news from world&lt;/div&gt;&lt;br/&gt;&lt;br/&gt;
      &lt;div style="border:1px solid blue;width:400px;float:right;"&gt;news from my country&lt;/div&gt;&lt;br/&gt;&lt;br/&gt;
      &lt;div style="border:1px solid blue;width:400px;float:right;"&gt;news from my country&lt;/div&gt;&lt;br/&gt;&lt;br/&gt;
      &lt;div style="border:1px solid blue;width:400px;float:right;"&gt;news from my country&lt;/div&gt;&lt;br/&gt;&lt;br/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>I note that i cannot have main div on left and main div on right column/side.</strong></p>