Home/ Questions/Q 88421
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-10T22:33:26+00:00

I’m having this problem, same as ever, but never try to find the right

  • 0

I’m having this problem, same as ever, but never try to find the right solution

code:

 <div id='ListOfTextAndPhotos'>       <div style='border-bottom: solid 1px silver;'>           <img src='photo.jpg' style='float: left'>           Some text about the photo       </div>       <div style='border-bottom: solid 1px silver;'>           <img src='photo2.jpg' style='float: left'>           Some text about the photo2       </div>       <div style='border-bottom: solid 1px silver;'>           <img src='photo3.jpg' style='float: left'>           Some text about the photo3       </div>   </div>

Question: How do I to keep the photo inside the DIV? with the separator line under the photo

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. The more traditional way (other than clearing) is to set the overflow property of the containing div to hidden.

    <div style='border-bottom: solid 1px silver; overflow: hidden;'>       <img src='photo3.jpg' style='float: left'>       <div>Some text about the photo3</div> </div>

    Sometimes, IE6 does not honor the setting and you have to resort to the cLFlaVA hack.

    • 0