title: issue with texts and img alignment in the same div
body: <pre><code>&lt;style type="text/css"&gt;
      .floatright {
          float: right;
          width: 100px;
          margin: 0 0 10px 10px;
      }
  &lt;/style&gt;
  &lt;div class="floatright"&gt;
      &lt;img class="floatright" src="computer.png" alt="" width="100" height="100" /&gt;&lt;br /&gt;
      Caption here
  &lt;/div&gt;
  &lt;p&gt; Lorem ipsum dolor sit amet, consectetuer adipiscing elit, &lt;/p&gt;
  </code></pre>
  
  <p>Question:</p>
  
  <p>If i remove this line:  <code>width: 100px;</code>, the text <code>Caption here</code> will not align with the left edge of img, why?</p>