title: Displaying 2 images side by side with space (Css)
body: <p>I am displaying 2 images side by side in my webpage. I am trying to keep a space in between the 2 images but i am unable to do it. I have used css to display the images side by side.</p>
  
  <p>Here is my Html Code :</p>
  
  <pre><code> &lt;div id="divCenter"&gt;
  
         &lt;img src="Company Logo.jpg" alt="Company Logo" style="width:150px;height:150px" id="divIDOne"/&gt;
  
            &lt;%-- Code for the motion image --%&gt;
  
  
  
        &lt;object type="application/x-shockwave-flash" data="animation.swf" width="719" height="174" id="divIDTwo"&gt;
        &lt;param name="movie" value="animation.swf" /&gt;
        &lt;/object&gt;
  
         &lt;/div&gt;
  </code></pre>
  
  <p>Here is my css code :</p>
  
  <pre><code> #divCenter {
      text-align: center;
   }
  
   #divIDOne {
       margin-right: 200px;
    }
  
   #divIDTwo {
       margin-left: 300px;
   }
  </code></pre>
  
  <p>Here is what it displays :</p>
  
  <p><img src="https://i.stack.imgur.com/aDt31.png" alt="enter image description here"></p>
  
  <p>Ask you can see there is no space between the 2 images. How do i solve this problem?</p>
  
  <p>Thank you for your time</p>