Question

I have 2 columns, floated one to each side, and I’d like to use a 1px width line separator, that goes from top to bottom of the longest column.

Id rather stay away of TABLE layouts, and I dont know which one will be the longest column, or how long will it be.

How could I do this with just css?

http://jsfiddle.net/AhfXc/2/

Answer 1

Something like this

.colright{ 
    float: right;
    border-left: 1px solid gray;
    left: -1px;
    position:relative;
}

http://jsfiddle.net/AhfXc/18/