CSS: text left, center and right alignment on one row?

[Full-Demon]

Hi,

 

How can I use CSS to align 3 parts of text on one row; first part is aligned left, second part is in the middle (couldnt get this fixed), and the third part is on the right. So when you have a div with the width of 640px, that the second part is exactly in the middle.

 

This is how far I am:

 

<div>

<span style="text-align:left; float:left;">

  left

</span>

<span style="float:left; text-align:center;">

  center

</span>

<span style="float:right;">

  right

</span>

</div>

<div style="clear:both;"></div>

 

This way the centered text is not centered, because the second span has no width...

 

Thank you for your help,

 

FD

[ToonMariner]

give the centre span margin: 0 auto; and possibly give them all a width.