What is the best way in css to have two left aligned columns where first is fixed?

Question

I want two columns where first column is an image and the second column is text. I want to avoid using html tables if possible. I want the text of the second column to be aligned left so it will line up against the image and go to the rest of the page width

I see that I can do something like this for the first column:

 #left_col {
       float:left;
        width: 650px;
    }

but can't figure out the right css for the second (all examples I see on the web have the right column right aligned). What is the best way in CSS to have two columns where first is fixed and the second column is aligned left (to the right of the picture)?

Answer 1

You may try something like;

#image, #text{
    position: absolute;
}
#image {
    top: 0;
    width: 650px;
}
#text {
    top: 0;
    left: 650px;
    right: 0;
}

Here is a working fiddle.