Question

A little question
I have 2 DIVs, side by side (float) :

AAAAAAAAAAA BBBBBBBBBBB
AAAAAAAAAAA BBBBBBBBBBB
AAAAAAAAAAA
AAAAAAAAAAA

I want that a 1pix solid border between the 2 DIVs, and I want this border to have the height of the longest DIV (in my previous example, height of A, and in this other example, height of B)

AAAAAAAAAAA BBBBBBBBBBB
AAAAAAAAAAA BBBBBBBBBBB
            BBBBBBBBBBB
            BBBBBBBBBBB

I know how to do this with a simple <table> but I don’t know how to do it with DIVs
I tried to put a border-right for A, AND a border-left for B, but then I have a 2px border…

Thank you for your help!

Answer 1

You can make a border-right for A, AND a border-left for B as You did and add a margin:-1px; for B