title: Keeping an floated image inside the div with CSS
body: <p>I'm having this problem, same as ever, but never try to find the <em>right</em> solution</p>
  
  <p>code:</p>
  
  <pre><code> &lt;div id="ListOfTextAndPhotos"&gt;
        &lt;div style="border-bottom: solid 1px silver;"&gt;
            &lt;img src="photo.jpg" style="float: left"&gt;
            Some text about the photo
        &lt;/div&gt;
        &lt;div style="border-bottom: solid 1px silver;"&gt;
            &lt;img src="photo2.jpg" style="float: left"&gt;
            Some text about the photo2
        &lt;/div&gt;
        &lt;div style="border-bottom: solid 1px silver;"&gt;
            &lt;img src="photo3.jpg" style="float: left"&gt;
            Some text about the photo3
        &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Question:
  <strong>How do I to keep the photo inside the DIV?</strong> with the separator line under the photo</p>