Question

I have a div that has a photo that has the float: left attribute and text is right next to it, like this:

<div id='1'>
 <img src='img.jpg' width='50%' style='float:left;' />
  This is text next to it<br/><br/>More text
</div>

I don’t know the dimensions of the image, or the height of the text, but the text is often shorter than the image, causing the div to be shorter than the image (which looks really bad). Is there any way I can fix this?

Answer 1

Just add overflow: hidden; to your first div.

Addicionally ids and classes in CSS can not start from numbers.