Welcome to WebmasterWorld Guest from 54.227.5.198

Forum Moderators: not2easy

Message Too Old, No Replies

Different Alignment in one row without tables is it possible?

Using it for a Prev, Next

     

graywolf

4:05 pm on Mar 11, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I am trying to get a some text left justified and right justified on the same line. If I were doing it in a table it would be like this



<table width='100%' >
<tr>
<td align='left'>Left</td>
<td align='right'>Right</td>
</tr>
</table>

I tried this but it didn't work



<style type="text/css">
left1 {text-align: center}
right1 {text-align: right}
</style>
<div>
<span class='left1'>Left</span>
<span class='right1'>Right</span>
</div>

I tried playing with it a little and didn't get it to look any better, anyone have any suggestions?

dingman

4:16 pm on Mar 11, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



How about

<style type="text/css">
#left {
text-align: left;
}
#right {
float: right;
text-align: right;
}
</style>
<div id="left">
This is left-justified
</div>
<div id="right">
Ths is right-justified
</div>

Substitude classes instead of IDs if it fits your actual code better, of course.

Untested code, but I did something much like this Monday night so it shouldn't be too far off.

graywolf

4:31 pm on Mar 11, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Worked perfectly thanks!
 

Featured Threads

Hot Threads This Week

Hot Threads This Month