CSS question.. aligning text to image

[TechBoyJK]

Hi Guys,

I'm trying to align some text along an image. The problem is, I want two lines of text to the right of the image, aligned to the top. If I put a <BR> tag between the two lines, the second line gets placed below the image.

Here's what I have so far.


img.top {vertical-align:text-top;}

<a href="http://company.com/graphics/thumb.jpg">
<img class="top" src="http://company.com/graphics/thumb.jpg">
</a>
<a href="company.com">sample text</a>
<a href="company.com">second line</a>


Any ideas? I've tried like every switch for the vertical-align property...

 

[Markbnj]

I think you need to float the image left (float: left), and that should do it. Or use a table. There's nothing wrong with tables in situations where strict horizontal and vertical relationships need to be maintained.

 

[TechBoyJK]

cool thanks.. yea that did it