Text Alignment Options

[imasharkbear]

Text Alignment is pretty simple. But two separate text alignments for one line? I'm stumped.

Lets say I have a DIV content box.
I write something. I make it left aligned. Then I want a space between the text and other text that i want right aligned.
Hmm, like this:

[Favorite Color:_______________________________________Green]
For the sake of confusion, the brackets are the DIV Border.
And the underscores are the "space" between.


I tried a P alignment. But that dropped the text down a line.
and i spent about 10 minutes figuring out how many nbsp i could fit in... didn't work.



Heres a pic:
http://i525.photobucket.com/albums/cc338/c...ldesign/DIV.png


its the text that is split down the middle.




Thank You.

[newkidontheblock]

You can make a HTML table

CODE

<style type="text/css" >
.left {
background-color: red;
text-align: left;
width: 150px;
}

.right {
background-color: green;
text-align: right;
width: 150px;
}
</style>
<table cellpadding="5" cellspacing="0" border="0" summary="" >
<tr>
<td class="left" > Left Text </td>
<td class="right" > Right Text </td>
</tr>
<tr>
<td class="left" > Left Text </td>
<td class="right" > Right Text </td>
</tr>
</table>

Here is a preview


You can also do that using css float. Which is for more advance building. People use it sidebars and those type of things.