Remove line breaks from images with a hyperlink without using table cells

Question

I have a <div> containing images as

<div>
   <img src="pic1.jpg" />
   <img src="pic2.jpg" />
   <img src="pic3.jpg" />
</div>

Now whenever I put a hyperlink over any of the images, it causes a line - break.

I have tried adding display:block; display:inline; float: leftto the images. But the line break still occurs.

Using a <table> is not an option in this case . How do I fix the line - break without using a <table>

Answer 1

Try this: float: left; clear: none;