title: Text falling below image
body: <p><img src="https://i.stack.imgur.com/7l045.png" alt="Good">
  <img src="https://i.stack.imgur.com/cooEV.png" alt="Bad"></p>
  
  <p>I need this text to wrap, but I don't understand why it isn't. If it gets to long, it simply falls below the image.</p>
  
  <pre><code>&lt;style&gt;
  .discussion {
  width: 50%;
  min-height: 100px;
  margin: 0 auto;
  }
  .discussion img {
  margin: 12.5px;
  float: left;
  }
  .discussion a {
  text-decoration: none;
  margin-top: 12.5px;
  display:inline-block;
  }
  #discussion_title {
  font-size: 22px;
  color: #3f3f3f;
  margin-top: 5px;
  }
  &lt;/style&gt;
  &lt;div class="discussion"&gt;
  &lt;img src="http://images.elephantjournal.com/wp-content/uploads/2013/01/mirror_cat-500x500.jpg" width="75" height="75" /&gt;
  &lt;div class="discussion_text"&gt;
      &lt;a href="view-topic.php?tid=" id="discussion_title"&gt; blah blah blah&lt;/a&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/kDuAB/" rel="nofollow noreferrer">JSFiddle</a></p>