how to show 2 separate DIV's in single row/line in html?

[hemant.singh]

Hello,
I need two separate DIV's(As i update there data separately) one
following another in same line
so I am try'g something like
<div id=123A>ABC</div>
<div id=123B>DEF</div>
But this put a \n between when it display, so I modified and tried
following
<div id=123A style="float: left; text-align: left;">ABC</div>
<div id=123B style="float: right; text-align: right;">DEF</div>

Now they are on same line, but on extreme left and right, While I want
2nd DIV to be jst followed by first div, so tht output is like
ABCDEF

Any suggestions?

 

[Edwin van der Vaart]

Hello,
I need two separate DIV's(As i update there data separately) one
following another in same line
so I am try'g something like
<div id=123A>ABC</div>
<div id=123B>DEF</div>
But this put a \n between when it display, so I modified and tried
following
<div id=123A style="float: left; text-align: left;">ABC</div>
<div id=123B style="float: right; text-align: right;">DEF</div>

Now they are on same line, but on extreme left and right, While I want
2nd DIV to be jst followed by first div, so tht output is like
ABCDEF

Use for both divs "float: left".
--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://www.evandervaart.nl/ Persoonlijke website
Explicitly no permission given to Forum4Designers, onlinemarketingtoday,
24help.info and issociate.de to duplicate this post.

 

[ironcorona]

Use for both divs "float: left".

Damnit but that's just genius. I never thought of that. The
alternative I was going to mention is use
{display:table-cell;}

The one drawback is that IE doesn't recognise this.

One day IE7 will ship and they'd really want to have full CSS support so
we can put this unpleasantness behind us.

 

[hemant.singh]

Edwin,
Thats genius ... I wonder, dam me, I posted question without even try'g
somethings like this...

 

[pascalc]

thanks for the tip

FYI, it does work with IE6 and IE7