Jump to content

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


Full-Demon

Recommended Posts

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.