why are the words not spread out?

[gilgalbiblewhee]

I've tried every thing possible to make the words spread out in Firefox (I don't know about IE6 or 7): Display: block; text-align: left; left: 0px... It doesn't work.

PHP Code:

<ul>
<li style="">
        <a href="http://www.....com/Merchant2/merchant.mvc" onmouseover="<?php //changeImages('index_10', 'images/index_10-over.gif'); return true;?>" onmouseout="<?php //changeImages('index_10', 'images/index_10.gif'); return true;?>"><span style="position: relative; left: 0px; text-align: left; background-color: #eeeeee; border: 1px solid #000000; width: 30px; height: 10px; display: block; padding: 10px 100px 10px 100px; font-family: Verdana, Arial, Times New Roman; text-decoration: none; font-weight: bold; font-size: 16px; color: #000000;">Online Store<?php //<img NAME="index_10" SRC="images/index_10.gif" WIDTH=167 HEIGHT=33 BORDER=0 ALT="Online Store">?></span>
        </a>
    </li>
</ul>

[jerry62704]

By spread out do you mean "Online......Store" or do you mean "O n l i n e S t o r e"? [replacing the "." with spaces as it got condensed]

If so, add "word-spacing" or "letter-spacing" to the very long list of inline style.

[Apostropartheid]

What words? What?
Actually clearly saying what you need and pasting *parsed* code will make answers come a bit faster.

[gilgalbiblewhee]

or maybe it's the padding that's doing this: 10px 100px 10px 100px. It's showing everything centered but you see that they're left aligned.

[gilgalbiblewhee]

Yeah the width had to be higher and the padding changed.

PHP Code:

    <li style="">
        <a href="archive.htm" onmouseover="<?php //changeImages('index_06', 'images/index_06-over.gif'); return true;?>" onmouseout="<?php //changeImages('index_06', 'images/index_06.gif'); return true;?>"><span style="position: relative; left: 0px; text-align: left; background-color: #eeeeee; border: 1px solid #000000; width: 200px; height: 10px; display: block; padding: 10px 10px 10px 5px; font-family: Verdana, Arial, Times New Roman; text-decoration: none; font-weight: bold; font-size: 16px; color: #000000;">Past Newsletters<?php //<img NAME="index_06" SRC="images/index_06.gif" WIDTH=167 HEIGHT=33 BORDER=0 ALT="... Archives">?></span>
        </a>
    </li>

[jcdevelopment]

is this what you are looking for, im a little confused.

font-stretch:expanded;

EDIT** Woops, sorry....

[macwiz]

Does this mean you solved the issue...?