title: CSS Div Element with Inline-Block doesn't work
body: <p>When using two div elements and the inline-block the two div's do not stand beside one another. </p>
  
  <p>This is the code. (I configured some of the paragraphs and images to work better. I made sure the result was the same first though.)</p>
  
  <pre><code>&lt;head&gt;
      &lt;style&gt;
      #line {
          display:inline-block;
          margin-left:5%;
          margin-right:75%;
          border: 5px solid orange;
      }
      #TEST {
          width:100%;
      }
      #pTxt {
          text-align:center;
      }
      #heading {
          color: red;
      }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="line"&gt;
              &lt;div&gt;
                  &lt;img id="TEST" alt="PICTURE" src="test.png" /&gt;
                  &lt;div id="pTxt"&gt;
                       &lt;h3 id="heading"&gt;
                                  HEADING
                              &lt;/h3&gt;
  
                      &lt;p&gt;TEST&lt;/p&gt;
                      &lt;br/&gt;
                      &lt;p&gt;TEST&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div id="line"&gt;
              &lt;img alt="PICTURE" id="TEST" src="test.png" /&gt;
              &lt;div id="pTxt"&gt;
                   &lt;h3 id="heading"&gt;
                                  HEADING
                              &lt;/h3&gt;
  
                  &lt;p&gt;TEST&lt;/p&gt;
                  &lt;br/&gt;
                  &lt;p&gt;TEST&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/gqfmmdy9/1/" rel="nofollow">http://jsfiddle.net/gqfmmdy9/1/</a></p>
  
  <p>Thanks in advance.</p>