title: How to make one div tag next to the other div tag
body: <p><img src="https://i.stack.imgur.com/mj0Fz.png" alt="enter image description here"></p>
  
  <p>My CSS File goes like this</p>
  
  <pre><code>@charset "utf-8";
  /* CSS Document */
  
  
  #test
  {   background:#0CF;
      text-align:right;
      margin-top:0px;
      margin-left:735px;
      width:200px;
      margin-top:inherit;
  
      }
  
      #text
  {
      background:#C6C;
      text-align:left;
      margin-right:203px;
      margin-top:-18px;
      }
  
          .main
  {   background:#396
      text-align:left;
      margin-top:150px;
      margin-left:20px;
      margin-right:40px;
      position:fixed;
       border: 1px solid;
      }
  
  .container
  {
  
      background:#CCC;
      padding-top: 2px;
      padding-right: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
      margin-right:20px;
      width:299px;
      height:270px;
      border: 1px solid;
      margin-top:-74px;
  
      bottom:100px;
      right:5px;
  
      }
  </code></pre>
  
  <p>This is the HTML File</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;test&lt;/title&gt;
  
  &lt;link rel="stylesheet" href="prat.css"&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div class="main"&gt;
  &lt;div id="text"&gt;
    &lt;p&gt;Thankyou for taking the time to visit our website.
  
  This site exists primarily for existing clients to access updates on current investments they have with us and for Marketwise Investments to provide new opportunities as they arise.
  
  If you are a prospective client, please read on to learn more about MarketWise Investments and the work we do.
  
  MarketWise Investments is a Sydney-based development and property investment company with a diverse range of projects across Australia and overseas.
  &lt;/p&gt;
  &lt;/div&gt;
  &lt;div id="test"&gt;
  &lt;p&gt;We offer professional, efficient investment.and development strategies for clients in both domestic and international markets, looking for cash-positive property investments where possible.&lt;/p&gt;
  &lt;/div&gt;
  &lt;span class="container"&gt;
  &lt;p&gt;We offer professional, efficient investment and development strategies for clients in both domestic and international markets, looking for cash-positive property investments where possible.
  
  All projects are carefully considered and aligned with market demand to maximize the best possible returns for our clients.&lt;/p&gt;
  &lt;/span&gt;
  &lt;/div&gt;
  
  
  cross browser 
  grade
  box model
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In the picture you can see one div tag is not next to the other one. I want to put it in top. I tried margin with -. But didnt work out. Can someone help me</p>