title: image moves based on text under it
body: <p>why does my image move around based on whats under it? I have different amounts of text for each description but the images are moving around depending on the amount of lines there are?</p>
  
  <pre><code> &lt;div&gt;
        &lt;img src="img"&gt;
        &lt;p&gt;one line&lt;/p&gt;
   &lt;/div&gt;
   &lt;div&gt;
        &lt;img src="img"&gt;
        &lt;p&gt;two lines of text&lt;/p&gt;
   &lt;/div&gt;
  
  
  
  
   &lt;style&gt;
       div {
            display:inline-block;
            width:150px;
            text-align:center;
       }
       img {
          display:block;
          margin:0 auto;
       }
       p {
          padding-top:10px;
        }
    &lt;/style&gt;
  </code></pre>