lining a few items up in a row

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
What I'm trying to do is line several item up in one row (preferably
within a LI). The first element *must* be a span tag (unless there
really is no other way, then I have a lot of work to do) The
second(through.. 4th?) element(s) can be anything. But I can promise
there are always three blobs of text I'll have to put after the span in
each row. They can be in one table with 3 td's or 3, divs.. I don't
care. What I want though is the first element aligned on the left, and
the next two aligned on the right.

Here is a visual-

Span  Left Text                            Right Text
 *    text1                           right1   right2

Anything that works in IE 6+, and latest Mozilla is fine.

This code works in Mozilla, not IE.
    <li style="width:100%;background-color:#FFBBAA">
    <table cellspacing="0" cellpadding="0" width="100%"
            <td width="100%">
            aligned left



Why am I trying to do this? It's weird but involves use of the mktree
js library and requirements for building a tree to go into it. I
thought this would be the easy part to do, but its not turning out that

Re: lining a few items up in a row

for anyone who cares the answer is...
put the divs *before* the span

<div style="float:right;">Right Aligned1</div>
<div style="float:right;">Right Aligned2</div>
<span>This text is aligned left</span>

rtconner wrote:
Quoted text here. Click to load it

Site Timeline