title: Locating image and text information
body: <p>Iv'e been trying to locate an image in a center of a page, and to locate two text sections in it's sides (left and right). The right text section is locating under the image and I cant locate it in the same line.</p>
  
  <p>here is my HTML code: </p>
  
  <pre><code>&lt;pre&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" href="EXC.css"&gt;
          &lt;script type="text/javascript" src="EXC.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="ronimg"&gt;
              &lt;img src="achivs.png"/&gt;
              &lt;br&gt;
              &lt;a href="EXC.html"&gt;&lt;button class="button" style="vertical-align:middle"&gt;&lt;span&gt; GOBACK  &lt;/span&gt;&lt;/button&gt;&lt;/a&gt;
          &lt;/div&gt;
          &lt;div id="ronalfor"&gt;
      THIS IS THE FIRST EXAMPLE
  
  
          &lt;/div&gt;
  
                  &lt;div id="another"&gt;
      THIS IS THE SECOND EXAMPLE
  
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  &lt;/pre&gt;
  </code></pre>
  
  <p>This is the css code:</p>
  
  <pre><code>&lt;pre&gt;
  #ronimg
  {
      margin-top: 30px;
      float: right;
      margin-right: 600;
      clear: none;
  }
  #ronalfor
  {
      color: #43acf8;
      font-style: oblique;
      margin-top: 30px;
      border: 5px inset #b1b53e;
      float:left;
      width: 500px
  
  }
  
  #another
  {
      clear: both;
      color: #43acf8;
      font-style: oblique;
      margin-top: 30px;
      border: 5px inset #b1b53e;
      float:right;
      width: 500px
  }
  &lt;/pre&gt;
  </code></pre>