Hi all,

I should display 3 pieces of text as follows

¦5px¦ <style1>Text1 ¦8px¦ <style>Text2 <style3>Text3 ¦150px¦

Each Text must have its own style and each text have a specific
distance between each others and between the left and right border.

This the style-code:
----------------------------
div#sentiment1 { position: absolute; top: 30px; left: 10px; width:
200px; text-align: left; font: italic bold 25px Arial, sans-serif;
color: white; }

div#sentiment2 {position: relative; display: top: 30px; left: 8px;
width: 50px; text-align: left; font: italic bold 25px Arial, sans-
serif; color: red; }

div#sentiment3 {position: absolute; top: 30px; right: 0px; width:
250px; text-align: left; font: italic bold 25px Arial, sans-serif;
color: white; }

And this is the HTML
------------------------------

........

<div id="sentiment1">
May you and
</div>

<div id="sentiment2">
May
</div>

<div id="sentiment3">
May you and
</div>
...........

The first and the third are positioned correctly, BUT the 2nd will not
align between text1 and text3 (it is shifted somewhere in the page.

Does I'm doing wrong?

Thank you in advance for your suggestions,
Giovanni