Text-align -- arghh!

[Frogleg]

Want a left-justified link and a right-justified phone number ON THE
SAME LINE. <span> doesn't work, and <div> introduces a new line into
the scheme.

I haven't a clue how to make this work.

<hr>
<a href="http://www.hampton.gov/parks">www.hampton.gov/parks</a>
<span style="text-align:right; font-weight:bold;"> (757)
727-8311</span>

 

[brucie]

in post: <

Want a left-justified link and a right-justified phone number ON THE
SAME LINE.

p{position:relative;}
span{position:absolute;}
#left{left:0;}
#right{right:0;}


<p><span id="left">left text</span><span id="right">right text</span></p>

 

[Spartanicus]

Want a left-justified link and a right-justified phone number ON THE
SAME LINE. <span> doesn't work, and <div> introduces a new line into
the scheme.

http://www.spartanicus.utvinternet.ie/left_and_right_alignment_using_css.htm

 

[Frogleg]

in post: <news:[email protected]>

p{position:relative;}
span{position:absolute;}
#left{left:0;}
#right{right:0;}


<p><span id="left">left text</span><span id="right">right text</span></p>

Not fast enough, Brucie. I was able to draw breath between Q and A.


Thanks -- it works a treat.

 

[Toby A Inkster]

was able to draw breath between Q and A.

http://www.goddamn.co.uk/tobyink/scratch/drawbreath

 

[Frogleg]

http://www.goddamn.co.uk/tobyink/scratch/drawbreath

Very funny. At least I didn't mention being on the horns of a dilemma.
One shudders to think...

 

[Leif K-Brooks]

At least I didn't mention being on the horns of a dilemma.

http://ecritters.biz/dilemma.png

 

[Frogleg]

http://ecritters.biz/dilemma.png

Now if only we could figure out a way to direct all this mental energy
to a useful purpose...

 

[Nick Howes]

in post: <

p{position:relative;}
span{position:absolute;}
#left{left:0;}
#right{right:0;}

Does anybody know what versions of browsers support the position attributes?

 

[Toby A Inkster]

Does anybody know what versions of browsers support the position attributes?

I assume you mean the CSS position *property*. In which case, it is
supported to varying degrees in IE/win 3+, IE/mac 4+(?), Opera 3.6+,
Netscape 4+, Konqueror 2+, Safari (any), Mozilla (any) and plenty more.