Question

I am trying to render HTML select box.
I have 3 Div’s inside table cell.

Value

When the table expands the alignment of leftDiv and rightDiv is OK. But when
the table shrinks below the size of two divs (leftDiv & rightDiv ) the rightDiv is rendering below the leftDiv.

How to make this two Divs stick together all the time?

Answer 1

You have few choices:

1. Have the 2 divs width set as relative or percentage (say 50% or 4x%)
2. Have the table cell (td)’s minimum width set as that or more of the 2 child divs.
   min-width: xxxx;

There are probably a few more methods you can google for.